WordPress Web Siteleriniz İçin Hangi Resim Dosyası Türünü Kullanacaksınız?
Yayınlanan: 2021-08-11
WordPress web siteniz için hangi resim dosyası türünün en iyi olduğunu merak ediyor musunuz? PNG, JPG, vb.'den ideal tip ne olabilir? WebP gibi başka biçimler de vardır, ancak çoğu zaman kullanıcıların onu kullanıp kullanmama konusunda kafası karışır. AI, PSD veya INDD gibi yüksek kaliteli resim formatları söz konusu olduğunda, kullanıcılar yükleme sürecinde takılıp kalıyorlar.
Bu okuma, doğru seçimi yapmanıza yardımcı olacaktır. Ancak siteniz için doğru dosyayı seçmenin önemini biliyor musunuz? Bununla ilgili kısa bir bölüme de yer vermiş olacağız. Bununla ilgili unsurlara ilişkin bilgileri içeren diğer gerekli bölümler de dahildir.
Resimleriniz için doğru dosyaları seçmenin önemi
Resminiz için uygun bir tür seçmenin hayal edilenden daha zor olduğu anlaşılabilir. Ancak web sitesinin performansıyla ilişkilidir ve bu nedenle yakın ilgi gerektirir. Bu nedenle, aşağıdaki parametreler nedeniyle önemli olarak kabul edilmesi gerekir.
Hız ve Performans – Büyük resimler kullandığınızda web siteniz yavaşlar ve sunucu masrafları artar. Bu nedenle, hafif görüntüler için gidin.
SEO Puanı – Daha iyi SEO puanı için ağır veya düşük kaliteli resimlerden kaçınmak tercih edilir. SEO'ya hazır ve yüksek kaliteli formatlar kullanın.
Estetik – Dosyaların detaylandırılması, sıkıştırmadan sonra bir biçimden diğerine değişir. Her formatın belirli bir kullanım alanı olduğunu bilmeli ve ona göre kullanılmalıdır.
Duyarlı Tasarım – Duyarlı tasarım dosyası, tüm tarayıcılarda desteklenen dosyadır.
Tutarlılık – Web siteniz için bir türün ana tür olarak kullanılması, farklı görüntüler arasında tutarlılık elde etmenize yardımcı olacaktır. Diğerleri gerektiğinde ve gerektiğinde kullanılabilir.
Görüntü Dosyası Türü Kullanılabilirliği
Daha yeniyseniz, resimler için geniş bir format segmenti olduğunu bilmiyor olabilirsiniz. Aslında hepsini düşünürsek yüzlerce var. Ancak, işleri sizin için sıralamak için WordPress web siteleri için gerekli olan tuhaf olanları ele aldık. Genel olarak iki kategoriye ayrılırlar, yani Vektör ve Raster görüntüler.
Bir dizi piksel resim oluşturduğunda, bunlar Raster kategorisine girer. Ancak bu, sıkıştırıldığında çözünürlüğü kaybetmesinin de tek nedeni olur. PNG, GIF ve JPG gibi resimler için popüler biçimler, bir raster biçimidir.
Piksellerden değil matematiksel formüllerden oluşan resimler vektör kategorisine girer. Sık sık yeniden boyutlandırma söz konusu olduğunda esnektirler. Gerçek şu ki, ideal bir durumda görüntülerin bir WordPress web sitesinde kullanılmak üzere vektörden raster forma dönüştürülmesi gerekir.
Bunun nedeni raster olanların tüm tarayıcılar ve daha hafif cihazlar tarafından desteklenmesidir. En çok önerilenler PNG ve JPG'dir. GIF, yalnızca animasyona ihtiyaç duyduğunuzda dikkate alınır. Dolayısıyla bu üç tür, WordPress platformunuzda kullanılacak en tuhaf dosyalardır. Ancak, soru hala platformda kabul edilen türlerle ilgili.
WordPress web sitesinde Kabul Edilen Resim Dosyası Türü
Codex'e göre, WordPress tarafından kabul edilen varsayılan biçimler JPEG, JPG, PNG, GIF ve ICO'dur. ICO, simgeler için kullanılan biçimdir ve JPEG ile JPG aynı biçimlerdir. Genellikle sitede favicon için herhangi bir simge kullanılır, yazılarda/sayfalarda resim olarak değil.
Sayfalar ve gönderiler için varsayılan yükleme PNG ve JPG ile sınırlıdır. Başka bir format yüklemeyi düşünüyorsanız eklentilere güvenebilirsiniz. Kodlamayı denemek istiyorsanız, eklentilere alternatif olarak aşağıdaki kod kullanılabilir. wp-config.php dosyasında olmalıdır.
define('ALLOW_UNFILTERED_UPLOADS', true );
Alternatif bir yöntem için function.php dosyasına aşağıdaki kodu ekleyin
add_filter('upload_mimes', 'my_myme_types', 1, 1); function my_myme_types( $mime_types ) { $mime_types['svg'] = 'image/svg+xml'; // .svg uzantısı ekleniyor $mime_types['json'] = 'uygulama/json'; // .json uzantısı ekleniyor unset( $mime_types['xls'] ); // .xls uzantısını kaldır unset( $mime_types['xlsx'] ); // .xlsx uzantısını kaldır $mime_types döndür; }
JSON ve SVG formatları için destek eklemek için yukarıdaki kod yardımcı olacaktır. Yukarıdaki kodu kolayca düzenleyebilir ve başka uzantılar da ekleyebilirsiniz. Yeni dosyalar eklerken sorun yaşarsanız barındırma sağlayıcınızla iletişime geçmeyi deneyebilirsiniz.
Kullanılacak En İyi Görüntü Dosyası Türü
WordPress'te kullanım için en iyi üç biçimi zaten bulduk. Daha iyi anlaşılması için her üçü de belirli ayrıntılarla bu bölümde ele alınmıştır.
JPG/JPEG
Kısaltması Joint Photographic Experts Group'tur ve yüksek sıkıştırma seviyeleri için çok uygundur. Milyonlarca renk gösterebilmesi onu fotoğraflar için en çok tercih edilen format haline getiriyor. Canlı renklere sahip resimleri öne çıkarmak isteyen kullanıcılar bunu kullanmalıdır.
Kayıplı sıkıştırmalar burada desteklenir. Böylece optimizasyondan sonra görüntü kalitesi biraz düşer. Ancak performans ve en iyi kaliteyi sağlamak için sıkıştırma seviyesi kontrol edilebilir. Buradaki en büyük dezavantaj, şeffaf arka planlar için destek sunmamasıdır.

PNG
Bu biçim başlangıçta görüntüleri internet üzerinden aktarmak için tasarlandı ve Portale Network Graphics olarak kısaltıldı. Milyonlarca renk gösterme yeteneğine sahiptirler ancak diğer tercih edilen türlere göre nispeten daha ağırdırlar. Bilgi grafikleri, logo, ekran görüntüleri ve ana başlıklar gibi bir markayı tanımlayan öğeler PNG için mükemmeldir.
Kayıpsız sıkıştırmayı desteklediği için burada resimlerin sıkıştırılması sırasında hiçbir veri kaybolmaz. Buradaki diğer formattaki görüntülerle karşılaştırıldığında, sıkıştırmadan sonra daha keskin ve keskindir. En iyi yanı, arka planda şeffaflığı desteklemesi ve bu da onu çeşitli segmentlerde boş bir seçim haline getiriyor.
GIF
Pek çok kişi buna katılmaz ama bu daha sık kullanılması gereken bir resim dosyası türüdür. Kısaltması Graphics Interchange Format'tır ve hem statik hem de hareketli resimleri destekler. Uygulamalardaki ve sosyal medya tanıtıcılarındaki animasyonların çoğu GIF'lerdir.
Diğer türlerin aksine sadece 256 rengi destekler. Bu nedenle, renk gradyanlarında spesifik olan birçok fotoğraf ve illüstrasyon için uygun değildir.
Dosya boyutunu küçültmek için kayıpsız sıkıştırma kullandığından görsel kalite kaybolmaz. Ayrıca şeffaf arka planları desteklemek için metin etiketlerini de destekler. Bu nedenle, bu tür işlevler onu animasyon ve düşük çözünürlüklü videolar için mükemmel kılar.
Yukarıdaki üçünden tutarlılık için birinin seçimi kesinlikle ihtiyaçlarınıza bağlıdır. Her birinin belirli bir segment için mükemmel olan benzersiz bir kimliği vardır. Ve tüm bu kimlikler ve özellikler yukarıda belirtilmiştir. En çok ne istediğinize karar vermeli ve sonra bir seçim yapmalısınız.
Unutmayın, onları dikkatsizce kullanırsanız, doğru görüntü dosyası türünü seçmek yeterli olmayacaktır. Bu nedenle, bilginiz için aşağıdaki bölümde en iyi uygulamaları ele aldık.
Resimler için En İyi Uygulamalar
WordPress sitenizde aşağıdaki uygulamaları izleyerek resimlerinizden en iyi şekilde yararlanın. Bu alanı kısaca yerinde bilgilerle ele aldık.
Görüntü SEO'su
Görseller bir mesaj iletebilir ve ayrıca sitenizin iyi görünmesini sağlayabilir. Ancak, SEO puanınızı da artırabilir. Görsel SEO kullanarak dijital alanınızda daha fazla trafik çekmek, trend olan uygulamalardan biridir. Örneğin tüm görüntüleri uygun şekilde adlandırmak gibi stratejik olarak yapılabilir. Picture_01_26587 gibi rastgele isimler vermekten kaçının.
Bunun yerine,step_for_optimization gibi belirli bir ad sağlayın. Yükledikten sonra resimlere alternatif metinler eklediğinizden emin olun. Onun yardımıyla, ekran okuyucuların ve arama motorlarının resimlerinizi görmesi kolaylaşıyor.
Görüntü boyutu
Daha önce tartışıldığı gibi, boyutun web sitesi hızını kritik olarak etkileyebileceğini hatırlamalısınız. Bununla ilgili olarak, optimize edilmiş ve hafif görüntüler kullanmak esastır. Görsel kalite de eşit derecede önemli olduğundan sıkıştırma işlemine dikkat etmek gerekir.
Resimleri CSS veya HTML ile yeniden boyutlandırmamanız önerilir. Görüntüleri doğru piksellerle kullanın ve bundan daha fazla veya daha az değil. Uygun bir görüntü dosyası türünün yanı sıra bir CDN kullanın, iyi bir ana bilgisayar seçin ve önbelleğe almayı uygulayın.
Maksimum Yükleme Boyutu
Bazen başka seçenek olmadığı için belirli projeler için ağır bir dosya kullanmanız gerekir. WordPress'te varsayılan yükleme boyutu 2MB'dir ve bu sizin için sorun yaratabilir. Ancak işin iyi yanı, bu sınırın hızla değiştirilebilir olmasıdır.
Barındırma sağlayıcınıza bağlı olarak, varsayılan yükleme boyutunu düzenlemek için yerleşik ayarlar alabilirsiniz. Bu, barındırma platformlarına göre değişir ve aynısını uygulama yöntemleri de farklıdır. Bazı platformlarda doğrudan yapılabilirken bazılarında iletişim ekibiyle iletişime geçmeniz gerekecek.
Google Analytics
En iyi kullanıcı deneyimini sağlayan Google Analytics, organik trafik akışını artırmak için nihai hedeftir. Bunun için ziyaretçilerin kullandığı cihazları bilmek önemlidir. Bu, hedef kitleniz için doğru dosya türünü seçmenize yardımcı olur.
Bu bilgiler ve benzeri diğer istatistikler Google Analytics'ten elde edilebilir. Bu, yalnızca bir tanesine değil, sitenizin genel performansına katkıda bulunmanıza yardımcı olur.
Çözüm
Kullanıcı deneyimi, hız, tutarlılık ve diğerleri gibi yönler için doğru türün seçilmesi önemlidir. En önemlisi, web sitesinin SEO'su için önemlidir. İyi bir imaj stratejisi, harika bir marka imajı geliştirmenize yardımcı olacaktır. Bu nedenle, gözetimsiz bırakılmadığından emin olun.
Seçiminizle mükemmel bir kalite, boyut ve performans dengesi elde ettiğinizden emin olun.