[vc_row content_placement = "middle" css = ". vc_custom_1508940533685 {background-color: # f8f6f6! important;}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin-bottom: 0p0 ! önemli; border-bottom-width: 0px! important; padding-bottom: XNUMXpx! important;} "] [vc_column_text]

Divi: Kullanılacak en kolay WordPress teması

[/ vc_column_text] [/ vc_column] [vc_column width = "1/4"] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&tid1=divibeforepostmobile" target = "boş" size = "small" align = "center" color = "green" font_family = "Raleway" font_weight = "600" style = "flat" custom_color = "# ffffff" custom_hover_color = "# ffffff"] İNDİR [/ vcex_button] [/ vc_column] [/ vc_row]

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor.

Blogunuzun yükleme hızını artırmak için resimlerinizin boyutunu nasıl azaltacağınızı biliyor musunuz? Acemi blogcuların çoğu, web sitelerinin görüntülenme süresi üzerinde büyük etkisi olan görüntülerin doğru kaydedilmesini bilmiyor. Bu nedenle, bu makalede, optimize edilmiş görüntüleri blogunuza nasıl kaydedeceğinizi göstereceğim.

Tüm uzman blogcular, resimlerin taahhüdü artırmayı mümkün kıldığını size söyleyecektir. Ancak, size söylemedikleri şey, bu ağırlık ve boyutun çok önemli olduğudur. Çok ağır resimler blogunuzu yavaşlatır, gösterimi yavaşlar. göre Strangeloop, ikinci bir gecikme size satışlarınızın% 7'ine mal olabilir, web sitenizin sayfalarının% 11'i daha az ziyaret edilir ve müşterilerinizin% 16'i memnun kalmaz.

Nasıl düzgün blogunuza resimler kaydetmek için?

Resimleri WordPress blogunuza kaydederken göz önünde bulundurmanız gereken iki şey vardır: görüntünün biçimi et sıkıştırma.

Doğru kombinasyonu seçerek, 5’i görüntünün ağırlığının katına indirebilirsiniz.

Çoğumuz için en çok kullanılan iki resim formatı JPEG et PNG. daha kolay, biçimi kullanın yapmak için JPEG çok renkli görüntüler ve biçimi kullanın için PNG örneğin şeffaf bir görüntüye ihtiyacınız olduğunda.

Fark yaratmayanlar için, imgeler PNG Sıkıştırılmamış, bu görüntüler çok iyi nitelikler. Dezavantajı, resminizin daha ağır olması ve sitenizin yükleme süresini yavaşlatmasıdır. Öte yandan, biçim JPEG sıkıştırılmış bir format olduğundan, görüntü kalitesi görüntü formatları kadar iyi değildir. PNG. Bununla birlikte, görüntünün boyutu da azalır.

Sur BlogPasCher, Görüntülerin çoğu JPEG formatında bulunmaktadır.

Bir sonraki adım sıkıştırma, yani görüntülerin ağırlığını azaltmak ve web için optimize edilmiş demektir. Bir görüntüyü sıkıştırmak büyük bir fark yaratacaktır.

Aşağıdaki tablo, bu makalenin altında kullanılan görüntüyü kaydetmek için kullanabileceğimiz farklı kombinasyonları göstermektedir.

Resim formatı

Görüntü boyutu

Optimize Photoshop JPEG formatında (Üst)

33 KB

TinyPNG optimizasyonu

Elementor ile web sitenizi kolayca oluşturun

Elementor oluşturmanıza izin verir Kolay ve Ücretsiz profesyonel bir görünüme sahip herhangi bir web sitesi veya blog tasarımı. Kendiniz yapabileceğiniz bir web sitesi için çok fazla ödeme yapmayı bırakın.

57 KB

JPEG optimizasyonu Kısa

70 KB

Optimize Photoshop JPEG (Maksimum)

93 KB

Optimize edilmemiş JPEG formatı (Maksimum)

119 KB

Photoshop PNG Optimizasyon

135 KB

Ürünlerinizi internet üzerinden mi satmak istiyorsunuz?

Fiziksel ve dijital ürünlerinizi WordPress'te satmak ve çevrimiçi mağazanızı kolayca oluşturmak için en iyi e-ticaret eklentileri olan WooCommerce'i ücretsiz indirin. Yeni başlayanlar için mükemmel.

PNG resmi optimize edilmedi

145 KB

 

blogcular için sıkıştırma araçları

Şimdi, her bir sıkıştırma türü arasındaki farkı gördüğünüze göre, size web için optimize edilmiş görüntüleri nasıl kaydedeceğinizi ve web sitenizin hızını nasıl artıracağınızı göstereceğim.

Adobe Photoshop

Adobe Photoshop, web için optimize edilmiş görüntüleri kaydetmenize olanak tanıyan özelliklerle birlikte gelen bir yazılımdır (ücretli). Bunu yapmak için resminizi açın ve Dosya menüsü> Web için kaydet'i tıklayın.

Üzerine tıkladığınızda bir pencere açılacaktır. Ve sağ tarafta, farklı formatlarda bir alan göreceksiniz. JPEG formatı için, birkaç sıkıştırma şekli arasında seçim yapma şansınız olacak ve bu da görüntünüzün ağırlığını azaltacaktır. Seçeneklerinizi belirledikten sonra, sağ altta gösterilen görüntünün boyutunu göreceksiniz.

Önemli: Eğer Photoshop pahalı bir yazılım olduğunu bilmelidir. Sen alternatif olarak olacak GIMPÖzgür yazılım olan ve herkes tarafından erişilebilen, ancak Fireworks gibi diğer Adobe ürünleri de bu görevi doğru bir şekilde yerine getirebilir.

TinyPNG

TinyPNG PNG resimlerinizin ağırlığını azaltmak için akıllı atma tekniğini kullanan bir web yazılımıdır. Tek yapmanız gereken web sitelerini ziyaret etmek ve resimlerinizi yüklemek. Sıkıştırmayı sizin için yapacaklar ve resminizin indirme bağlantısını size yeniden gönderecekler.

Geliştiriciler için, görüntüleri otomatik olarak dönüştürmek için bir API de sağlarlar.

JPEG MİNİ

JPEG MİNİ kalitelerini etkilemeden resimlerinizin boyutunu önemli ölçüde azaltan bir sıkıştırma teknolojisidir. Web sürümünü ücretsiz olarak kullanabilir veya yazılımı bilgisayarınız için satın alabilirsiniz. Ayrıca, sunucunuzdaki işlemi otomatikleştirmeye yardımcı olan ücretli bir API'ye sahiptirler.

ImageOptim

ImageOptim en iyi sıkıştırma ayarlarını bularak ve gereksiz renkleri kaldırarak görüntülerinizi kalite kaybı olmadan sıkıştırmanıza olanak tanıyan bir MAC yardımcı programıdır.

Bu yardımcı programın Windows alternatifi: dışarı Kırpma.

Gördüğünüz gibi, web için görüntü sıkıştırmaları yapmak için kullanabileceğiniz birkaç araç var. Photoshop sıkıştırmasını kullanarak dosya boyutu açısından daha iyi sonuçlar elde ettik, ancak kalite etkileniyor. TinyPNG PNG resimlerini web'e kaydetmek için çok iyi bir çözümdür.

Bazıları bir kombinasyon kullanmanızı önerecektir TinyPNG ou JPEG Mini et Görüntü Optim daha iyi sonuçlar için. Ancak, kompresyonlarınızı gerçekleştirmek için iki araç kullanmak sizi biraz aşırı yükleyecektir.

Görüntü optimizasyonu üzerine son düşünceler

Geçmişte web için optimize edilmiş resimleri kaydetmiyorsanız, şimdi kaydetmeye başlayın. Bu, büyük bir fark yaratabilir. web sitenizi yayınlama hızıve kullanıcılarınız bunun için kesinlikle teşekkür edecektir. Tabii ki, görüntünün kalitesi önemli ölçüde düşebilir, ancak çoğu kullanıcı bu değişikliği farketmeyecektir.

Başka bir şey, WordPress blogunuz için bir CDN kullanmak, web sitenizin yükleme hızını önemli ölçüde artırabilir. Kullanırız Cloudflare tüm sitelerimiz için. Ama orada da MaxCDN Web sitemize.

İşte size yardımcı olması gereken diğer kaynaklar:

Umarız bu makaleyi çok yararlı bulmuşsunuzdur.

Görüntülerini yanlışlıkla kaydeden blogger arkadaşlarınız var mı? Bu makaleyi onlarla paylaşın, böylece web sitelerinin yayınlanma hızlarını artırırlar ve bunun için size teşekkür ederler.

Bir sorunuz varsa, lütfen aşağıya bir yorum bırakın. Ancak bizi sosyal ağlarda da takip etmeyi unutmayın.

5 hisseleri
hisse4
cıvıltı1
Enregistrer