Blog resimlerini görünecekleri makale için optimize edin

Gerçek sütun genişliği için bir fotoğrafı dışa aktarın, ardından sayfayı inceleyin. Her görüntüye fotoğraf ayarlarını uygulamak yerine diyagramları ve ekran görüntülerini okunabilir tutun.

Sunucuya gönderilen fotoğraf sayısı: 0

Fotoğrafları buraya bırakın veya seçmek için dokunun

JPG, PNG, WebP, HEIC (iPhone), RAW · Her biri 80 MB'a kadar

Daha fazla seçenek
1080 piksel güvenli seçimdir. 1440 piksel en yeni uygulama sürümlerinde daha keskin görünebilir.
Keskinleştirme
Sonuç bu boyutta veya altında olacaktır.
Daha fazla seçenek
Keskinleştirme

×

Sunucuya gönderilen fotoğraf sayısı: 0. Fotoğraflarınız bu tarayıcıda işlenir. Sayfa yüklendikten sonra sıkıştırma çevrimdışı da çalışır.Tarayıcınızın Ağ sekmesinde aracın hiçbir fotoğrafı sunucuya göndermediğini kontrol edebilirsiniz. İpucu: Ctrl+V / ⌘V ile fotoğraf yapıştırın.

Makale resimlerini okuyucuların onlardan ihtiyaçlarına göre sıralayın

Bir makale, bir kurşun fotoğraf, bir ekran görüntüsü, bir çizelge ve küçük bir yazar portresi içerebilir. Bu varlıklar farklı amaçlara hizmet eder. Bir fotoğraf, küçük etiketleri açıklamayı taşıyan bir diyagramdan farklı bir kodlama seçimini tolere edebilir. Her görüntü için orijinal kaynağı saklayın ve makaledeki rollerine uygun teslimat kopyaları oluşturun.

İçerik sütununu ölçün ve telefon düzenini inceleyin. Geniş bir karşılaştırma diyagramı, dar bir ekrana sıkıştırılmış daha küçük bir sürüm yerine daha basit bir kaynak düzenine ihtiyaç duyabilir. Bu araç, diyagram etiketlerini yeniden akıtmaz, bir grafiği etkileşimli yapmaz veya metin alternatifleri oluşturmaz. Makale metninde temel bilgileri mevcut tutun. Ekran görüntüleri için, dekoratif fotoğraflar için kullanılan aynı hedef boyutunu seçmek yerine özel ayrıntıları gözden geçirin ve adımı açıklayacak kadar çözünürlüğü koruyun.

Yararlı Boyutlarda bir fotoğraf adayını dışa aktarın

Ön ayar, WebP çıkışı ve hafif keskinleştirme ile 1600 x 1600 piksel içine sığar. Evrensel bir blog boyutu değil, bir makale resmi için bir başlangıç örneğidir. Boyutları düzeninize ve duyarlı adaylarınıza göre değiştirin. İçine sığdır, tüm kompozisyonu tutar ve daha küçük kaynakları büyütmez. Belirli bir başlık şekline ihtiyacınız varsa, kasıtlı bir kesin kırpma kullanın ve ayrı olarak inceleyin.

Gerçek WebP baytlarını ve görünümünü aynı boyutlarda bir JPEG ile karşılaştırın. İnce doku, yüzler ve pürüzsüz gradyanlar iyi kontrollerdir. Bu aracın WebP dışa aktarımı opak olduğundan, mevcut şeffaflığa veya daha keskin metne ihtiyaç duyan bir grafik için PNG'yi saklayın. Master'a dönebildiğiniz zaman, zaten sıkıştırılmış bir makale görüntüsünü tekrar tekrar dönüştürmeyin. Açıkça adlandırılmış dışa aktarmaları kaydedin, böylece tasarım değişirse bunları yeniden oluşturabilirsiniz.

İçerik sisteminde ve gerçek sayfada optimizasyonu sonlandırın

Bir örnek yükleyin ve içerik sisteminizin gerçekte ne sunduğunu kontrol edin. Duyarlı boyutlar oluşturabilir veya yüklemeyi yeniden dönüştürebilir. Görüntünün düzendeki alanını ayırın ve konumu için uygun yükleme davranışını kullanın. Sayfanın çok aşağısındaki bir makale görüntüsü, sayfa açıldığında görünen ilk görüntüden farklı yükleme ihtiyaçlarına sahiptir. Dönüştürücü bu işaretlemeyi sizin için ayarlayamaz.

Bir telefonda ve büyük bir ekranda yayınlanan taslağı kontrol edin. Kırpma, altyazı, alternatif metni ve çevresindeki bağlantıları onaylayın. Daha küçük bir dosya, varlık hakkında yararlı kanıttır, ancak daha iyi çekirdek web hayati değerlerinin veya sıralamalarının garantisi değildir. Performans talepleri yaparken sayfayı ölçün. Bir görüntü kitaplığı için, gruplamadan önce temsili fotoğrafları ve grafikleri test edin. Her grubu, içeriğine uygun ayarları kullanarak işleyin ve orijinal kaynaklara giden bir rotayı koruyun. Dönüşümdeki her şey tarayıcınızda gerçekleşir.

kendi fotoğrafında deneSosyal medya için fotoğraflar, daha küçük dosyalar. Fotoğraflar sunucuya gönderilmez.
Bir fotoğrafı sıkıştır

Makalenin açıklamasını taşıyan resmi test edin

Dekoratif kurşun fotoğraf yerine en bilgi yoğun figürle başlayın. Bir menü etiketini veya bir makinenin parçalarını adlandıran bir diyagramı gösteren bir ekran görüntüsü yararlı bir testtir. Makale taslağına yerleştirin ve telefon sütunu genişliğinde okuyun. Orada başarısız olursa, makalede daha net bir kırpma, daha büyük bir görünüm veya açıklayıcı metin sağlayın. Basit bir kurşun fotoğraf hayatta kaldığı için her görüntüyü aynı küçük bayt hedefine indirmeyin. Okuyucuların rakamı anlaması gerekirken, dosya ve sayfa uygulaması gereksiz çalışmalardan ve aktarım boyutundan kaçınmalıdır.

insanların sorduğu sorular

Her Blog Resmi WebP Kullanmalı mı?

Biçimleri role göre karşılaştırın. WebP opak fotoğraflara uyabilirken, PNG şeffaflık veya küçük diyagram metni için yararlı olabilir. İçerik sisteminizi ve gerçek çıktılarınızı kontrol edin.

Bu, yavaş bir makaleyi kendi başına düzeltir mi?

Yalnızca görüntü dosyalarını dışa aktarır. Duyarlı seçim, yükleme sırası, düzen, komut dosyaları ve diğer sayfa çalışmaları yine de performansı etkiler. Gerçek makaleyi test edin.

Aynı dosya kahraman ve her küçük resim olabilir mi?

Yapabilir, ancak büyük bir dosya küçük yuvalarda baytları boşa harcayabilir ve bir küçük dosya bir kahramanda kötü görünebilir. Düzeniniz için uygun adaylar hazırlayın.

onu kullanmanın daha fazla yolu

Bu sayfa, ana sayfayla aynı özel aracı kullanır; Sadece önceden ayarlanmış değişiklikler.

sosyal platformlar

Daha fazla fotoğraf aracı (46)

IGCOMPRESSOR bağımsız bir araçtır ve Instagram, Meta, WhatsApp, YouTube veya bahsedilen diğer platformlara bağlı değildir.

diller