Görüntüleri Kaliteden Kaybetmeden Yeniden Boyutlandırmak İçin Kullanabileceğiniz En İyi İpuçları

Müzik tabanlı bir web sitesine yeni katkıda bulunuyorum ve birçok konser fotoğrafı çekiyorum. Resimlerimden bazıları web sayfalarında kullanılmak üzere basılacak, ayrıca ileride kullanmak üzere portföyümü oluşturmak istiyorum. Yüksek çözünürlüklü kameramdan kaliteyi kaybetmeden resimlerimi her iki amaç için en iyi şekilde nasıl yeniden boyutlandırabilirim?

- Tomurcuklanan Fotoğrafçı

Bölüm 1: Görüntüleri internete yüklemek için neden yeniden boyutlandırmanız gerekiyor?Bölüm 2: Çok hızlı bir dünyada yaşıyoruz. Web sitenizin yüklenmesi ne kadar sürer?Bölüm 3: Görüntü optimizasyonunun temelleri4. Bölüm: İşte iyi haber, resimlerinizi yeniden boyutlandırmak için kullanabileceğiniz bir sürü program var.Bölüm 5: SEO - Evet, Arama Motoru Optimizasyonu konu görsel olduğunda bile gerçektir.Bölüm 6: Elinizdeki tüm araçları kullanın.

Bölüm 1: Görüntüleri internete yüklemek için neden yeniden boyutlandırmanız gerekiyor?

Günümüzün cep telefonları ve dijital kameraları, o kadar yüksek çözünürlükte çekim yapma kapasitesine sahipler ki, bu dosyalar genellikle tonlarca yer kaplıyor ve o kadar yüksek formatlardalar ki, onları yüklemek istediğiniz siteler için her zaman uygun değiller. Çoğu zaman, web sitelerinin görüntü boyutlandırma için varsayılan bir otomatik düzeltmesi vardır, ancak böyle olmadığı durumlarda, resmi yüklediğiniz web sitesinin tasarımına uyması için bu resimleri gerçekten yeniden boyutlandırmanız gerekecektir.

Fotoğrafınızı yeniden boyutlandırmazsanız ve dosya boyutunu otomatik olarak değiştirmeyen bir siteye yüklemezseniz neler olabileceğinin bir resmini çizmek için, yayınlanan web sitesindeki resim tüm sayfayı ve aynı sayfada bulunan herhangi bir metni kaplayabilir. güzel hazırlanmış bir paragraf olarak değil de okuyucunun okuması zor olacak şekilde görülebilir.

İçerik oluşturucular olarak, destekleyici resimler içeren bir sayfa oluşturmanın deneyimi daha keyifli hale getirmeye yardımcı olduğunu hepimiz öğrendik. Küçük kısa makalelerde bile belgeyi destekleyen en az bir fotoğraf bulunurken, daha uzun çalışma parçalarına birkaç bölüm arayla yerleştirilmiş birden çok fotoğraf daha iyi yardımcı olur.

Ancak bir fotoğrafı yeniden boyutlandırmak, fotoğrafın bulunduğu yüzdeyi değiştirmek kadar basit değildir, çünkü bu, görüntünüzün kalitesini bozabilir. Bu nedenle, yayınlanmasını istediğiniz fotoğrafların en iyi yüklemelerini oluşturmak için bu konuda daha fazla bilgi edinmek akıllıca olacaktır.

Bölüm 2: Çok hızlı bir dünyada yaşıyoruz. Web sitenizin yüklenmesi ne kadar sürer?

Diyelim ki bir web sayfası sahibi veya çalışanısınız, kullanıcılarınızın eğlenmesi için içerik geliştirmek için saatler harcıyorsunuz ve inanılmaz yazınızı ve mükemmel şekilde oluşturulmuş fotoğraflarınızı sergileyen web sayfaları oluşturmak için çok çalışıyorsunuz, ancak kullanıcı geri düğmesini tıkladığında sayfanız yüklenmeden önce, tüm çabanızın amacı ne olurdu?

Bir web sayfasının yüklenmesi 3 saniyeden uzun sürerse, yapılan araştırmalara göre ziyaretçilerinizin %40'ının siteden ayrılacağını biliyor muydunuz? Uzun bir süre gibi görünmeyebilir, ancak kullanıcılar tıkladıkları her şeyin çok daha hızlı yüklenmesiyle karşılaştırıldığında, 3 saniye sonsuza kadar gibi geliyor. Ayrıca, bazı kullanıcılarınızın muhtemelen sizinkinden daha yavaş olabilecek internet bağlantılarında çalıştığı gerçeğini de göz ardı etmeyelim, bu yüzden büyük boyutlu fotoğrafınızı yüklemelerinin ne kadar uzun süreceğini bir düşünün.

Bu büyük resimler yalnızca kullanıcı deneyimini bozmakla kalmaz, aynı zamanda web sitenizi barındıran hesabın bant genişliğini de tüketir. Doğal olarak, sınırsız depolama alanı sunan siteler vardır, ancak bir dizi önde gelen site size yaklaşık 10 GB depolama alanı sunacaktır. Yüklediğiniz fotoğrafların dosya boyutlarına dikkat etmezseniz, 10 GB'ınız siz farkına varmadan gitmiş olacaktır.

Bölüm 3: Görüntü optimizasyonunun temelleri

Görüntüleri düzenlerken birinin emrinde olan birkaç optimizasyon seçeneği vardır. En yaygın olanları dosya boyutu ve görüntü türüdür, ancak değişen boyutlar ve görüntü sıkıştırmaları gibi daha teknik yönler de vardır. Bazı farklılıklarına hızlıca bir göz atalım.

Dosya tipi - Dosya türleri genellikle JPEG veya PNG formatlarında kaydedilir. Veya görüntünün animasyona ihtiyacı varsa GIF'ler. Nitekim GIF'ler çok popüler hale geldi ve gittiğimiz her yerde giderek daha fazla görüyoruz.

Tüm tarayıcıların yukarıda belirtilen tüm dosya türlerini görüntüleyebileceğini göz önünde bulundurarak, bu dosya türlerinden hangisini kullandığınız kullanıcı için önemli değildir, ancak yaratıcı olarak, kullanıcıya ve kendinize en iyi neyin hizmet ettiğine bağlı olarak akıllıca seçim yapabilirsiniz. İşte birinin izleyebileceği birkaç temel kural:

JPEG - JPEG'ler en çok resimleri kaydetmek için kullanılır. Ancak çok daha küçük dosya boyutlarına sahip görüntüler oluşturdukları için, fotoğraftaki bazı pikseller, yanlarında pikseller halinde toplanıyor. Tipik olarak, bu dönüşümler gözle zar zor görülebilir ve bu yüzden insanları, yerleri veya şeyleri içeren resimler için kullanılmadıklarından daha sık kullanılmalarının nedeni budur.

PNG - PNG dosyaları görüntünün orijinal kalitesini korur ve görüntülerin tüm pikselleri, demetler halinde gruplanmadan bozulmadan kalır. Bu nedenle, logolar, ekran görüntüleri ve şeffaf arka plana sahip grafikler içeren resimler için bunu kullanmak en iyisidir. Ancak bu görüntülerin boyutunun JPEG'lere kıyasla daha büyük olacağını unutmayın.

GIF - Animasyonlu resimler için GIF'ler kullanılır.

Görüntü Boyutları. Bazen küçücük bir resmin bile indirilmesinin sonsuza kadar sürebileceğini hiç merak ettiniz mi? Bu, içerik oluşturucunun görüntüyü yüklediği siteye uygun olacak şekilde yeniden boyutlandırma zahmetine girmeden doğrudan dijital kamerasıyla yükleme yaptığında gerçekleşir. Unutmayın, dijital kameralar, heck, günümüzde cep telefonları bile o kadar büyük kaliteye sahip ki, bu dosyalar çok büyük olabilir!

İnternet tarayıcıları, bir kullanıcının görüntüleyebileceği sayfalara güzel bir şekilde sığdırmak için bazen fotoğrafları küçültebilir. Bir küçük resme veya tam boyutlu bir resme baktığınızda, orijinal olarak 12 megapiksellik devasa bir resim olabilecek bir fotoğrafa bakmama olasılığınız daha yüksektir. Ancak tarayıcınızın mı yoksa web sitenizin mi fotoğraflarınızı otomatik olarak küçülttüğünü bilmek çok önemlidir. Bunu otomatik olarak yapmazlarsa, kullanıcılarınızın içeriğinizi görüntülerken daha keyifli zaman geçirmeleri için fotoğraflarınızı sıkıştırmak için gerçekten Adobe Photoshop veya PhoneDog gibi bir programa ihtiyacınız olacaktır.

görüntü Sıkıştırma - Kayıplı görüntü sıkıştırma adı verilen bir işlev vardır ve bu, görüntülerinizin boyutlarını her şeyden daha fazla küçültür. Bunun bir başka önemli avantajı da, görüntü kalitesinin yalnızca biraz değiştiği düşünüldüğünde, görüntünüz zorlukla acı çekerken çok fazla alandan tasarruf edebilmenizdir. Fotoğraf Düzenleme yazılımı Photoshop, muhtemelen görüntü sıkıştırmada en çok kullanılan seçeneklerden biri olan Web için Kaydet adlı bir işleve sahiptir, ancak gerçek şu ki, herhangi bir kaliteyi kaybetmeden, en azından sıkıştırmadan %40 daha sıkıştırmak için kullanabileceğiniz başka araçlar da vardır. insan gözüne.

4. Bölüm: İşte iyi haber, resimlerinizi yeniden boyutlandırmak için kullanabileceğiniz bir sürü program var.

Resimlerinizi daha da optimize etmek için kullanabileceğiniz bazı programlara aşağıda bir göz atın.

ImageOptim - Mac OS X ile uyumlu olarak kullanılan ImageOptim, genellikle PNG'leri çevrimiçi yüklemeden önce sıkıştırmak için kullanılan ücretsiz bir masaüstü aracıdır. Sürükle ve bırak işlevi sayesinde kullanıcı dostu olsa da, bu dosyaların yine de birer birer düzenlenmesi gerekir.

ResimAlfa - Mac OS X tarafından da kullanılan, PNG görüntülerini sıkıştırmada ve PNG'lerden, JPEG'lerden ve GIF'lerden tüm gereksiz verileri kaldırarak dosya boyutlarını küçültmede usta olan kayıplı bir PNG sıkıştırıcıdır.

FoneKöpek - FoneDog, görüntülerinizi kaliteden ödün vermeden sıkıştırmanız için başka bir çözümdür. Ayrıca hem Mac OS X hem de Windows için yetenekler sunarlar ve sitenizi daha az bant genişliğiyle ve bilgisayarınızı daha az disk alanıyla çalıştırmada size daha iyi yardımcı olabilirler. Ayrıca hizmetlerini ücretsiz olarak sunarlar ve tek bir komutla tek seferde 20 adede kadar görüntüyü dönüştürebilirsiniz.

jpegmini - Bu, hem OS X hem de Windows ile kullanılabilir ve günde 20 adede kadar görüntüyü ücretsiz olarak yeniden boyutlandırmanıza izin veren bir lite sürümüne sahiptir. Günde 21 veya daha fazla resmi optimize etmeniz gerekirse, 19.99 ABD doları ücret karşılığında istediğiniz kadar resmi düzenleyebilirsiniz.

TinyPNG - Adına rağmen TinyPNG, JPEG'leri de optimize edebilir. 20MB veya daha küçük dosyalar için 5 resim sınırı ile sürükle ve bırak kullanıcı deneyimiyle dosyaları veya fotoğrafları sıkıştırmanıza izin veren ve tümü aynı anda optimize edilebilen çevrimiçi bir sitedir. TinyPNG, ayda 500 ücretsiz optimizasyon sunar. Bu süre içinde bundan daha fazlasını optimize etmeniz gerekirse, kaç tane optimize etmeniz gerektiğine bağlı olarak fotoğraf başına 002$-005$ arasında bir ödeme yapmayı seçebilirsiniz.

Kraken.io - Kraken, diğerleri kadar özgür olmasa da hizmetlerini kullanarak fotoğrafları optimize etmenize izin veren popüler çevrimiçi sitelerden biridir. Teklifleri, 1 MB'den fazla olmayan resimleri yükleyebilmenizdir, bundan daha yüksek herhangi bir şey için bir ücret vardır. Ancak, aboneler için mevcut olan ve fotoğraflarınızı medya galerisine yüklediğinizde otomatik olarak optimize edebileceğiniz bir WordPress eklentisi vardır. Öte yandan, resimleriniz 1 MB'ın üzerinde dosya boyutlarındaysa, ayda 500 ABD doları karşılığında 5 MB'lık görüntüyü optimize etmenize olanak tanıyan Mikro planlarına abone olabilir veya 60 GB'lık devasa bir görüntü için Kurumsal planlarına abone olabilirsiniz. Ayda 70$'a harika bir fiyata.

EWWW Image Optimizer - Bu, daha popüler sitelere abone olmak için para harcamaya pek hazır olmayan ve görüntüleri manuel olarak optimize etmek için o kadar zaman ayıramayanlar içindir. Bununla birlikte, kayıpsız sıkıştırmaları optimize eden ücretsiz tekliflerinin aksine, kayıplı sıkıştırmalar gerçekleştirecek bir abonelik için sizden ücret alacak bir premium teklifleri var.

Bölüm 5: SEO - Evet, Arama Motoru Optimizasyonu konu görsel olduğunda bile gerçektir.

Bu noktada, bir görseli optimize etmenin web sayfalarınız için nasıl harikalar yaratabileceği bizim için çok açık, ancak fotoğraflarınızın ve görsellerinizin Arama Motoru Optimizasyonuna da yardımcı olduğunu biliyor muydunuz?

Evet, yüklediğiniz fotoğraflara ne ad vereceğinize, dosya boyutuna, fotoğraflara atadığınız alternatif metinlere, fotoğrafın konuyla ne kadar alakalı olduğuna, fotoğrafı nereye yüklediğinize ve fotoğrafınızla ilgili daha fazla ayrıntıya karar vermek SEO'nuza katkı sağlayacaktır.

Makalenizle uyumlu en iyi görselleri nasıl oluşturabileceğinizin bir listesini gözden geçirelim.

İpucu #1 - Konunuza uygun bir görsel seçtiniz mi? Örneğin, bir ada kaçamağı tatili hakkında yazıyorsanız, bir süpermarketin fotoğrafını göstermek gerçekten anlamsız olacaktır. Açıkçası, mavi gökyüzü ve berrak sulara sahip bir plajın fotoğrafını göstermek istersiniz, değil mi? Düzgün seçilmiş bir görselin gönderinizin konusunu desteklemesi gerektiğini ve kullanıcı için daha iyi ve daha gelişmiş bir deneyim yaratmak için ne hakkında yazdığınızı vurgulamaya yardımcı olacağını unutmayın. Ayrıca, yüklediğiniz her fotoğrafın kendi çektiğiniz bir fotoğraf olması gerekmediğini de hatırlamak isteyebilirsiniz. Aslında pek çok blogcu internetten resimler alır ve bunları gönderilerine ekler, ancak mümkünse fotoğrafçıya atıfta bulunduğundan veya orijinal fotoğrafa bir bağlantı eklediğinden emin olun.

İpucu #2 - Bu makalenin 3. Bölümünde tartışıldığı gibi, aralarından seçim yapabileceğimiz dosya türü seçenekleri olduğunu biliyoruz. Şimdi makaleniz için en iyi dosya türünü seçmek için daha önce öğrendiğimiz bazı ipuçlarını aklımızda tutalım. Genel olarak konuşursak, PNG'lere kıyasla daha küçük dosyalar oldukları için JPEG'ler ilk tercih olacaktır, ancak dosya türünüzü seçerken dikkate alınan tek faktör bu olmamalıdır. PNG'lerin aslında JPEG'den daha küçük olduğu durumlar olduğu da unutulmamalıdır ve bu nedenle, gönderiniz için hangisinin gerçekten daha uygun olduğunu öğrenmek için olasılıkları gerçekten araştırmanız gerekir.

İpucu #3 - Resimler sadece resim türleri değildir. Bazen tablolar, çizimler, çizelgeler, illüstrasyonlar, GIF'ler, ekran görüntüleri, infografikler ve diğer görselleri içeren sayfalar, bir sayfayı bir bütün olarak daha çekici hale getirebilir. Sayfayı sallayarak ve şaşırtıcı görüntüler ekleyerek, sayfa kullanıcı için daha çekici hale gelir ve sayfanın geri gelmesini sağlar.

İpucu #4 - Fotoğraflarınızı uygun şekilde adlandırmak için zaman ayırın. Dijital cihazların fotoğraflarınızı otomatik olarak adlandırdığını fark edeceksiniz. Kendi başına yanlış bir şey olmamasına rağmen, fotoğrafların SEO'suna tam olarak yardımcı olmaz. Bir ada kaçamağı hakkında bir makale yazma örneğine devam edersek, ana başlık resminizin dosya adı DCS8971 olsaydı ne fark ederdi ki bu SEO veya kullanıcı için hiçbir şey ifade etmez. Fotoğrafınızı olduğu gibi bırakmak yerine, best-beach-island-vacation.jpeg gibi SEO ile daha alakalı bir adla fotoğrafınızı yeniden adlandırmak için zaman ayırın. Bu anahtar kelimeler de doğal bir şekilde görünmeli ve bu tireler Google tarafından boşluk olarak okunduğundan her bir anahtar kelime arasındaki tireleri içermelidir. Görselleriniz makalenize uygun olarak adlandırıldığında, Google tarafından daha erişilebilir hale gelecek ve doğal olarak daha iyi görünürlük kazanmanıza yardımcı olacaktır.

İpucu #5 - Altyazıların ne zaman ve ne zaman kullanılmayacağını ve nasıl doğru kullanılacağını bilmek. İyi bir kural, resimlerinize yalnızca değerli bilgiler sağlıyorsa altyazı koymak olacaktır. Okurların sayfanızı tarayacağını ve fotoğraflarınıza bakacağını unutmayın, eğer içlerinde başlıklar varsa, okuyucularınız bu başlıkları okuyacaktır. Onlara akılda kalıcı bilgi parçacıkları vererek dikkatlerini çekmek için bu fırsatı kullandığınızdan emin olun.

İpucu #6 - Bu resimleri ait oldukları yere koyduğunuzdan emin olun. Metin ve reklamlarla dolu bir sayfada ve her neyse, yerinde olmayan bir resme sahip olmak, kullanıcıya harika bir deneyim sunmanıza yardımcı olmaz. Bu nedenle, makaleyi desteklemek için mümkün olduğunca çok fotoğraf yüklemek yerine, yüklenen fotoğrafların, fotoğrafın desteklediği bilgi parçalarının yakınında bulunması gerektiğini her zaman unutmayın.

Bölüm 6: Elinizdeki tüm araçları kullanın.

Resimlerinizi optimize etmek için daha iyi bir zaman olmadığı için, dünden başlayarak, yalnızca tek bir resmin indirilmesini görmek için sonsuza kadar beklemek zorunda kalmadan kullanıcıların sayfalarınızı görüntülemesini sağlama konusunda kesinlikle size daha iyi yardımcı olacaktır. Doğru, internet hızları, özellikle fiber kablolama ve benzerlerinin ortaya çıkmasıyla eskisinden çok daha hızlı, ancak herkesin hızlı hareket eden bir internet bağlantısına sahip olmadığını ve sahip olanların hala sabrının kalmayabileceğini de unutmamak gerekir. yüksek çözünürlüklü resimlerinizi görüntülemek için sahip olmalarını istersiniz.

Bununla birlikte, resimlerinizi bulunabilecekleri sayfalara en uygun şekilde optimize etmek, en iyi bahsiniz ve hedefleyebileceğiniz tıklamaları, beğenileri ve görüntülemeleri kazanmanız garantilidir. Bunlar hedefleriniz olmasa ve sayfanızın gizli olmasını tercih etseniz bile, optimizasyon kendi kişisel kullanıcı deneyiminiz için hala önemli bir faktör olmaya devam ediyor. Dedikleri gibi, vakit nakittir ve hiç kimse sadece bir fotoğrafın indirilmesini görmek için sonsuza kadar beklemeyecektir, özellikle de neyi beklediklerini ve işe yarayıp yaramayacağını bile bilmiyorlarsa.

Resim boyutunuza dikkat edin ve özellikle dijital kameralardan ve cep telefonlarından gelen yüksek çözünürlüklü fotoğraflarla uğraşırken her zaman yeniden boyutlandırdığınızdan ve yüzdelerinizi ayarladığınızdan emin olun.

Elinizde bulunan araçları kullanın. Ne de olsa kullanmanız için orada ve kesinlikle fotoğraflarınızı optimize etmek için sınırlı izinler olsa da, ödeme ağ geçitleri ve seçenekleri ile gelip ücretsiz olarak hemen herkesin kullanmasını kolaylaştırdılar.