JPEG ve Diğer Görüntü Dosyalarının Boyutu Nasıl Küçültülür

Web sitenizde kullandığınız görseller en önemli unsurlardan biridir. Yalnızca görsel olarak çekici görüntülere sahip olmak istemezsiniz, aynı zamanda bu görüntülerin sitenizin yükleme süresini yavaşlatacak kadar büyük olmasını da istemezsiniz. Bir sitenin gecikmesinin ana nedenlerinden biri, içerdiği resimlerin optimum site performansı için yeniden boyutlandırılmamış olmasıdır.

Bu makalede, dosya türünü değiştirme, yeniden boyutlandırma ve Web için Kaydet işlevini kullanarak dosyaları sıkıştırma dahil olmak üzere Photoshop'ta görüntü boyutlarını küçültmek için manuel yöntemleri keşfedeceğiz. Daha otomatik bir şey arayanlar, bazı eklentilere ve web tabanlı seçeneklere de bakacağız.

Youtube Kanalımıza Abone Olun

Dosya Türünü Değiştirme

Bir görüntü dosyası için "Dosya Boyutu", inç başına piksel sayısını ifade eder. Genel olarak, inç başına ne kadar çok piksel varsa, dosya o kadar fazla bilgi tutar, dolayısıyla boyutu o kadar büyük olur.

Resimler için en yaygın iki dosya türü JPG ve PNG'dir.

• PNG – Taşınabilir Ağ Grafikleri – Bu dosya türü çoğunlukla logolar, simgeler, çizimler ve metin gibi grafik dosyaları için kullanılır. Bu dosyalar Photoshop gibi bir fotoğraf düzenleme uygulamasında düzenlendiğinde, onları değiştirdiğinizde veya sıkıştırdığınızda fazla veri kaybetmezler. Bu nedenle “kayıpsız” olarak adlandırılırlar. Bu dosyalar, bu nedenle boyut olarak daha büyük olma eğilimindedir.
• JPEG – Ortak Fotoğraf Uzmanları Grubu – Bu, internette çoğu görüntü için bulabileceğiniz en yaygın dosya türüdür. Bu dosya türü milyonlarca rengi yönetebilir, kaliteyi korurken yüksek oranda sıkıştırılabilir. Bunlara "kayıplı" denir, çünkü onları sıkıştırma işlemi görüntüdeki pikselleri kaldırır.

Her iki dosya türü de çalışabilir. Hangisini seçeceğiniz gerçekten sitenize, kullanmayı seçtiğiniz fotoğrafların sayısına ve türüne bağlıdır.

İşte örnek bir fotoğraf. Orijinal formatı bir JPG dosyasıydı.

Photoshop'ta Dosya>Farklı Kaydet komutunu kullandım ve PNG formatını seçtim ve kaydetme işlemini tamamladım.

Dosya türünü değiştirdiğimde dosyanın boyutu 646 MB'den 1,3 KB'a çıktı. Yukarıda belirtildiği gibi, PNG dosyaları genellikle daha büyüktür, bu nedenle çok fazla renk ve ayrıntı içeren bu tür resimler için, daha hızlı yükleme süreleri sağlamak için JPEG sürümünde kalmanız daha iyi olabilir. Resminizin çözünürlüğü kaybetmeden daha büyük ölçeklenebilmesi gerektiğini biliyorsanız, PNG sürümünü kullanın.

Diğer birçok dosya formatının mevcut olduğunu unutmayın. En popüler oldukları için JPEG ve PNG'ye odaklandım.

Photoshop'ta Manuel Yeniden Boyutlandırma

Photoshop'ta, görüntünüzü manuel olarak yeniden boyutlandırmak için Görüntü>Görüntü Boyutu işlevini kullanabilirsiniz. Araç şöyle görünür:

Geçerli Görüntü Boyutunu ve piksel Boyutlarının aracın üst kısmında not edildiğini görebilirsiniz. Burada yapacağınız herhangi bir ayarlama boyutu değiştirecektir.

Sığdır, önceden ayarlanmış boyutlara ve piksel ayarlarına sahip bir açılır listedir.

Boyutları ve inç başına pikselleri (ppi) ayarlamak için o listedeki ilk seçeneği seçersem, dosya boyutunun nasıl değişeceğini görebiliyorum.

Açılır menüden standart bir boyutun çalışıp çalışmayacağını veya ihtiyacınız olan boyutu elde etmek için genişlik, yükseklik veya çözünürlük seçeneklerini manuel olarak değiştirmeniz gerekip gerekmediğini belirlemek için bu ayarlarla denemeler yapabilirsiniz.

Web İşlevi için Kaydet

Web için Kaydet, Farklı Kaydet'ten farklıdır, çünkü web seçeneği, kaydetmeden önce meta verileri (görüntünün türü ve kaynağıyla ilgili ayrıntılar) dosyadan kaldırır. Bu işlev özellikle internette görüntülenecek görüntüler içindir, bu nedenle kaliteyi korurken yeniden boyutlandırmanın çok hızlı bir yolu olabilir.

Dosya> Dışa Aktar> Web için Kaydet'e giderek Web için Kaydet seçeneğini bulun:

Web için Kaydet penceresi açıldığında, bu işlevin başka bir avantajını fark edeceksiniz. En üstteki 2-yukarı sekmesini seçerseniz, orijinal görüntünün değiştirilen görüntü ile yan yana karşılaştırmasını görebilirsiniz.

Buradan, JPG formatını seçmek ve kaliteyi istediğiniz gibi ayarlamak için sağ üst köşedeki ön ayarları kullanın. Değişiklik yaptıktan sonra yeni dosyanızın kalite standartlarınızı karşılayıp karşılamadığını görsel ön izleme üzerinden görebilir ve her görselin altındaki verilere bakarak dosya boyutundaki değişikliği doğrulayabilirsiniz:

Sağ alt köşedeki genişlik ve yükseklik alanlarını kullanarak da boyutu değiştirebileceğinizi unutmayın. Bu makale özellikle yeniden boyutlandırmayı ele aldığından, Web için Kaydet ekranında gösterilen diğer seçenekleri ele almıyoruz, ancak daha ayrıntılı bilgi için burayı okuyabilirsiniz.

WordPress Görüntü Optimizasyon Araçları

Görüntü dosyasının boyutunu kendiniz küçültmek için kadranları kendiniz çevirmeyi seviyorsanız Photoshop harika bir seçenektir. Resimlerinizi yeniden boyutlandırmaya yardımcı olacak daha otomatik bir şey arıyorsanız, yardımcı olabilecek çok sayıda WordPress eklentisi seçeneği vardır. İşte birkaç popüler seçeneğin bir listesi ve faydalarının kısa bir açıklaması:

Imagify – Tüm resimlerinizi tek seferde optimize edin, kolaylıkla yeniden boyutlandırın ve gerektiğinde fotoğrafları orijinal sürümlerine geri yükleyin. O da uygun. Bu eklentiyi indirmek ücretsizdir ve 20 MB dosya alanı içerir. Diğer seçenekler 500MB için aylık 5$ ve sınırsız alan için aylık 10$'dır.

ShortPixel – Dosya boyutu sınırı yoktur ve birden fazla site için bir API anahtarı, bu eklentinin harika bir şekilde kullanılmasına olanak tanır. Ayrıca bütçe esnekliği için tek seferlik ve aylık planlar sunarlar.

Optimole – Veri odaklı olanlar için Optimole, optimizasyon istatistiklerini gözden geçirebileceğiniz bir gösterge panosu sunar. Ücretsiz planları ayda 5.000 ziyaretçiye ve sınırsız bant genişliğine izin verir.

Bu seçeneklerin ve bir avuç diğerinin daha eksiksiz bir karşılaştırması için bu makaleye bakın.

Görüntü Optimizasyonu için Web Kaynakları

Zaman ve/veya para sıkıntısı çekiyorsanız, birçok ücretsiz çevrimiçi görüntü optimizasyon aracı vardır.

Compressjpg, birden fazla dosya yüklemenize ve hepsini bir kerede yeniden boyutlandırmanıza olanak tanır. Ayrıca iPhone HEIC formatındaki fotoğrafları JPEG'e çevirecek bir özelliği de var. Diğer benzer siteler, Tinypng ve Image Compressor'dır.

Canva Pro, yalnızca yeniden boyutlandırmakla kalmayıp aynı zamanda görüntüleri tasarlamanıza ve canlandırmanıza ve bunları web veya sosyal medya kullanımı için biçimlendirmenize olanak tanıyan bir başka popüler sitedir. Düzeni sezgisel ve kullanımı kolaydır.

Toplama

Resimlerinizi optimize etmenin önemini küçümsemeyin. Yavaş siteler yalnızca izleyicileri kapatmakla kalmaz, aynı zamanda Google aramasında da ilgi görmez. Hızlı yüklenen, keskin görüntüler sitenizi diğerlerinden ayıran o küçük ekstra özelliği sağlayabilir. Optimize edilmiş bir site, ziyaretçilerin daha fazlası için geri gelmesini sağlar.

Resimlerinizi yeniden boyutlandırmak için bu yöntemlerden herhangi birini kullanıyor musunuz? Değilse, ilk önce hangisini deneyeceğinizi düşünüyorsunuz? Yorumlarda bize bildirin!

Prihanto Edi / Shutterstock.com aracılığıyla Öne Çıkan Görsel