Русский  English

CS-Cart üzerindeki tüm resimler WebP'ye nasıl dönüştürülür

CDN OptiPic — "Görüntüleri yeni nesil formatlarda sunun" sorununa basit çözüm
Tavsiyelere göre
Google PageSpeed Insights
Easy connection
in 5 minutes
2 dakikada
video talimatı
Ücretsiz teknik destek
+ kurulum yardımı
Anında akıllı WebP görüşmesi
OptiPic CDN, ondan bir görüntü istemeye çalışırken ne yapar:
  • Resmin WebP sürümünü döndürür.
    tarayıcı WebP biçimini destekliyorsa
  • Webp olmadan sıkıştırılmış bir sürüm döndürür
    tarayıcı WebP'yi desteklemiyorsa
  • Mobil ekranlara duyarlı hale getirir
    görüntü bir cep telefonundan açılırsa
  • Önbelleğe alır ve yüklemeyi hızlandırır
    hostinginizden gelen yükü azaltmak
  • Resimlerinizi
    korur
    EXIF ve IPTC etiketleriyle telif hakkını korumak
  • Usa il tuo
    nome di dominio
    per caricare immagini da img.domain.com, ecc
  • Tembel yükleme
    resimler
    Sayfalar arasında gezinirken resimler yüklenir
Webp'ye dönüştürme ve görüntü sıkıştırma arka planda gerçekleşir ve tarayıcıda görüntülerin açılmasını yavaşlatmaz.
Optimize edilmiş sürüm, görüntü talebi sırasında henüz hazır değilse, herhangi bir işlem yapılmadan orijinal sürüm döndürülür.

Modülü yapılandırmak için video talimatı CS-Cart

WebP'yi CS-Cart'ye bağlamak için 5 kolay adım

Adım #1: Eklentiyi indir CS-Cart WebP

indirin ve sitenize CS-Cart için resmi CDN OptiPic eklentisini yükleyin.

Adım #2: OptiPic CDN'ye kaydolun

OptiPic CDN hesabınızda kaydolun ve CDN kontrol panelinize yeni bir site ekleyin.

WebP'yi CS-Cart'ye bağlamak için 5 kolay adım: pic #3

Adım #3: Site kimliğini kopyala

Oluşturulan web sitesinin kimliğini panoya kopyalayın (Ctrl + C)

WebP'yi CS-Cart'ye bağlamak için 5 kolay adım: pic #4

Adım #4: Site kimliğini eklentiye yapıştırın CS-Cart WebP

Sitenize önceden yüklenmiş eklentinin ayarlar sayfasına gidin.

Kopyalanan site kimliğini ilgili ayarlar alanına yapıştırın.

Adım #5: Ayarlarınızı kaydedin

Eklenti ayarlarını kaydedin. Kontrol panelinde CS-Cart önbelleği temizleyin.

Gerekirse diğer eklenti ayarlarını değiştirin

Modül ayarlarının açıklaması


Site ID in your personal account CDN OptiPic (Kişisel hesabınızdaki site kimliği CDN OptiPic)
Web sitesi kimliğinizi CDN OptiPic kişisel hesabınızdan öğrenebilirsiniz. Henüz yapmadıysanız, sitenizi hesabınıza ekleyin.
Otomatik aslına uygunluğu kapatmak için site kimliğini temizlemeniz yeterlidir.
Domain list (if images are loaded via absolute URL) (Etki alanı listesi (görüntüler mutlak URL aracılığıyla yükleniyorsa))
Her biri yeni bir satırda ve protokol belirtmeden (http/https).
Örnekler:
mydomain.com
www.alanadim.com
Site pages that do not include auto-replace (Otomatik değiştirmeyi içermeyen site sayfaları)
Her biri yeni bir satırda ve eğik çizgi (/) ile başlamalıdır
Replace only URLs of images starting with a mask (Yalnızca maskeyle başlayan resimlerin URL'lerini değiştirin)
Her biri yeni bir satırdadır ve eğik çizgi (/) ile başlamalıdır
Örnekler:
/yükle/
/upload/test.jpeg
List of 'srcset' attributes ('srcset' niteliklerinin listesi)
Görüntülerin srcset işaretlemesini değiştirmeniz gereken etiket özniteliklerinin listesi
srcset nedir?
Örnekler:
kaynak kümesi
veri kaynağı seti
CDN domain (CDN alanı)
CDN OptiPic'in çalışacağı etki alanı. Standart cdn.optipic.io yerine alt alan adınızı (img.yourdomain.com, optipic.yourdomain.com, vb.) kullanabilirsiniz. Alt etki alanınızı bağlamak için OptiPic teknik desteğe başvurun.
Sitedeki resimlerin optimizasyonunu sağlayan şey
  • Siteyi
    hızlandırma
  • İyileştirme
    SEO
  • Dönüşümün
    artırılması
  • Google Pagespeed Insights'ın
    Artırılması

Neden CS-Cart için WebP kullanmaya değer mi?

Webp'yi kullanmak, Google Pagespeed Insights'taki "Görüntüleri yeni nesil biçimlerde sunun" sorununu çözer.

Kısacası, WebP, diğer her şey eşit olmak üzere, dosyayı eski biçimlere (png ve jpeg) göre daha iyi sıkıştırır - bu, barındırmada daha az yer kapladığı ve sayfayı görüntülerken tarayıcıda daha hızlı yüklendiği anlamına gelir.

WebP'nin uygulanması, Google tarafından aktif olarak desteklenmektedir - şu istatistikleri sağlarlar:

  • WebP, görüntüleri kayıpsız bir şekilde PNG'den %26 daha iyi sıkıştırır.
  • WebP, aynı yapısal benzerlik indeksi (SSIM) ile kayıplı görüntüleri JPEG'den %25-34 daha iyi sıkıştırır
  • WebP, yalnızca %22'lik bir boyut artışıyla kayıpsız şeffaflığı (alfa olarak bilinir) destekler.

Ziyaretçinin tarayıcısı WebP'yi desteklemiyorsa, CDN eski formatı (png / jpeg) ancak sıkıştırılmış (Web için optimize edilmiş) döndürür

Görüntü sıkıştırma nedir

Görüntü optimizasyonu, görsel kalite kaybı olmadan boyutunu en aza indirmek için bir grafik dosyasının özel olarak işlenmesidir.

Bu prosedürü gerçekleştirmek için çok sayıda oldukça karmaşık algoritma vardır. Ancak, hepsi aynı temele dayanmaktadır - oradaki tüm hizmet verileri (örneğin, dosyayı depolayan programın adı vb.) grafik dosyasından kaldırılmalı ve ayrıca özel programlar kullanılarak birleştirme / pürüzsüz benzer renkler.

Sonuç olarak, görsel olarak değişmeyen aynı görüntüyü elde ederiz. Ancak, bu dosyanın bayt cinsinden hacmi (ağırlığı) orijinalinden çok daha az olacaktır. Bu işlem doğru yapılırsa, görüntü kalitesinden ödün vermeden görüntü dosyası %98'e düşürülebilir.

Bu, sitenin sayfalarındaki resimlerin optimizasyondan sonra çok daha hızlı yükleneceği anlamına gelir.

Siteniz için resimleri ne optimize edecek

  • Disk alanından tasarruf edin.
  • Sayfa yüklemeyi hızlandırın.
  • Minimum sunucu yükü.
  • Dönüşümünü artırın.
  • Arama sonuçları için daha iyi site sıralaması.

Web sitesi hızlandırmanın davranışsal faktörleri iyileştirebileceği ve web sitesi dönüşümünü artırabileceği (satışları artırabileceği) kanıtlanmıştır. Sitenin sayfası ne kadar uzun yüklenirse, oradaki belirli hedef eylemleri o kadar az müşteri gerçekleştirebilir. İnternetteki siteniz yeterince hızlı çalışmıyorsa, potansiyel gelirinizi kaçırmak için her şansınız var. Çevrimiçi kaynağın hızlandırılması, dönüşümü iyileştirme fırsatı sağlayacak ve bu nedenle geliri önemli ölçüde artıracak ve daha fazla müşteri çekecektir.

OptiPic Avantajları

  • Aylık ödeme yoktur.
  • Tam Otomasyon.
  • Ücretsiz bağlantı yardımı.
  • Hizmeti bağlamak ve kullanmak için programlama veya yönetim konusunda özel becerilere sahip olmanız gerekmez.
  • Sistemde görüntü boyutuyla ilgili herhangi bir kısıtlama yoktur.
  • Güler yüzlü teknik destek.

Resimleri CS-Cart için optimize etmek bir siteyi nasıl hızlandırabilir?

Herhangi bir sitenin sayfası çoğunlukla şunlardan oluşur:

  • görüntüler;
  • html kodu (metin içeriği, düzen, işaretleme);
  • video;
  • tarayıcıdan çalıştırılan mantıkla javascript betikleri;
  • sayfa stillerine sahip css dosyaları.

Resim gibi bir öğe, site sayfalarındaki tüm hacmin çoğunu kaplar ve sayfaların "en ağır" kısmıdır. Görüntülerin azaltılması (optimizasyonu) şüphesiz herhangi bir çevrimiçi kaynağı indirmeyi önemli ölçüde hızlandıracaktır.

 

Buna göre, resimlerin boyutunu değiştirirseniz (azaltırsanız), sitenin tüm sayfaları çok daha hızlı yüklenmeye başlar.

Sitedeki resimleri sıkıştırmak, görsel kalitelerini kaybetmeden hacimlerini %75-98'e düşürmeyi mümkün kılacaktır.

Teknoloji ilerledikçe, WebP formatının görüntüler için kullanımı giderek yaygınlaşıyor. Google tarafından geliştirilen bu format, web yöneticilerinin yüksek kaliteli, ancak boyutları küçük olan görüntüleri yüklemelerine olanak tanır ve böylece bunları sadece tarayıcılarda değil, dizüstü bilgisayarlarda veya akıllı telefonlarda da görüntülemeyi kolaylaştırır.

Görüntüler, web sitesinin yükleme süresini önemli ölçüde yavaşlatabilir ve artan barındırma maliyetlerine neden olabilir. Birçok site sahibi, daha hızlı yükleme süreleri için görüntü kalitesini feda etmek zorunda kalmıştır. Klasik JPEG'ler ve PNG'ler popüler seçenekler olsa da, her ikisinin de dezavantajları vardır - JPEG'ler genellikle kötü grafiklere neden olabilirken, PNG'ler boyut olarak ağırdır.

WebP, dosya boyutu ve kalite arasında mükemmel bir denge sunar. On yıl önce geliştirilen bu format, birçok Google hizmetinde test edilmiş ve etkili olduğu kanıtlanmıştır. Google PageSpeed Insights, site yükleme süresini hızlandırmak için PNG ve JPEG gibi eski görüntü formatları yerine WebP kullanmayı önermektedir.

Bununla birlikte, bazı daha az yaygın tarayıcılar bu formatta görüntüleri görüntüleme konusunda sorunlar yaşayabilir. Bu durumdan kaçınmak için, site sahipleri bu durumlarda görüntülerin normal ağır formatlarda görüntülendiğinden emin olabilirler. Çapraz tarayıcı uyumluluğu, belirli algoritmalar veya özel eklentiler aracılığıyla da sağlanabilir.

Eski PNG/JPEG formatlarını WebP'ye dönüştürmek kolay olsa da, zaten oluşturulmuş bir site üzerindeki tüm görüntüleri dönüştürmek korkutucu bir görev olabilir. Neyse ki, işlemi otomatikleştiren birçok yardımcı program ve eklenti mevcuttur. En iyi seçeneklerden biri OptiPic CDN'dir, çünkü sadece görüntüleri WebP'ye dönüştürmekle kalmaz, aynı zamanda ek önbellekleme ve optimizasyon nedeniyle site barındırmasındaki yükü hafifletir ve görüntülerin daha hızlı geri dönmesini sağlar.

  • OptiPic CDN'yi kullanmak için, web sitenize CS-Cart için eklentiyi indirin ve yükleyin.
  • Eklenti, kullanıcının tarayıcısı bu formata destek veriyorsa WebP dosyalarını dönüştürür ve teslim eder ve kullanıcının tarayıcısı WebP'yi desteklemiyorsa eski formatta sıkıştırılmış bir sürümünü döndürür.
  • Ayrıca, görüntüleri dar telefon ekranlarına uyarlama ve hızlandırılmış görüntü yükleme için önbellekleme yapma işlevleri de vardır.

Genel olarak

Bazıları yeni teknolojiyi benimsemekte tereddüt edebilir, ancak görüntüler için WebP kullanmanın faydaları açıktır. OptiPic CDN gibi eklentilerin yardımıyla, site sahipleri görüntülerini kolayca optimize edebilir ve web sitelerinin yükleme süresini iyileştirebilir.

WebP, Google tarafından geliştirilen devrim niteliğinde bir görüntü formatıdır ve web geliştiricileri ve kullanıcılar için birçok avantaj sunar. İşte WebP kullanmanın sadece birkaç avantajı:

  • Daha küçük dosya boyutu: Aynı kalitedeki JPEG ve PNG görüntülerden genellikle %25-34 daha küçük bir dosya boyutuna sahip olan WebP görüntüleri daha hızlı yüklenir ve daha az bant genişliği kullanır.
  • Geliştirilmiş görüntü kalitesi: WebP, dosya boyutunu azaltırken görüntü kalitesini koruyan gelişmiş sıkıştırma teknikleri kullanır ve aynı boyuttaki JPEG veya PNG görüntülerden daha iyi görünen görüntüler elde edilir.
  • Şeffaflığı destekler: WebP, kayıplı ve kayıpsız şeffaflığı destekler, bu da şeffaf arka planı olan görüntüler için çok yönlü bir format haline getirir.
  • Geniş tarayıcı desteği: WebP, Google Chrome, Firefox ve Microsoft Edge gibi çoğu modern tarayıcı tarafından desteklenir. Ayrıca, eski tarayıcılarla uyumluluğu sağlamak için diğer görüntü formatlarına kolayca dönüştürülebilir.

Peki, neden Google WebP'yi açık kaynak olarak yayınladı? WebP'yi açık kaynak olarak yayınlayarak, Google geliştiricilerin projeye katkıda bulunmasını ve formatı zamanla geliştirmesini teşvik eder. Bu, daha verimli ve daha hızlı bir web görüntü formatı elde edilmesine ve web sitelerinin daha hızlı yüklenmesine ve ziyaretçiler için daha iyi bir kullanıcı deneyimine yol açar.

WebP, hatta ilerleyici ve aralıklı görüntüleme de destekler, böylece düşük çözünürlüklü veya kabataslak sürümlerinin hızlı yüklenmesine izin verirken, daha yüksek çözünürlüklü veya daha ince detayların arka planda yüklenmesine izin verir.

Ve eğer veri veya kalite kaybı olmadan görüntüleri sıkıştırmak için bir yol arıyorsanız, Kayıpsız WebP'ye bakmanız yeterlidir. Bu tür bir görüntü formatı, fotoğraf veya metinli grafikler gibi yüksek ayrıntılı görüntüleri depolamak ve paylaşmak için verimli bir formattır ve ayrıntı kaybetmeden görüntüleri sıkıştırmak için WebP teknolojisini kullanır.

Öte yandan, Kayıplı WebP, görüntü dosyasının boyutunu azaltmak için kayıplı sıkıştırma teknikleri kullanır ve küçük resimler veya arka plan görüntüleri gibi yüksek ayrıntı veya netliğe ihtiyaç duymayan görüntüler için mükemmeldir.

Aslında, WebP (kayıplı), blok adaptif nicelleştirme, filtreleme ve Boole aritmetik kodlama gibi gelişmiş öngörü kodlama sayesinde Huffman kodlama ile karşılaştırıldığında %5-%10 daha iyi bir sıkıştırma sağlayarak JPEG'yi bile geride bırakır.

Tüm bu avantajlar ve daha fazlasıyla, WebP'nin web için görüntü formatı geleceği olduğu açıktır.

ÜCRETSİZ paketle şimdi başlayın

Tek seferlik ödeme — aylık ücret yok

Satın alınan paket ay sonunda yanmaz - birkaç ay önceden satın almak avantajlıdır
CDN görüntülerinden görüntülemeler için ödeme yaparsınız. Toplam kullanım maliyeti, sitenize gelen trafik miktarına bağlıdır. Ortalama olarak, bu 1.000.000 resim görüntülemesi başına 1,5 ABD dolarıdır.
10,000 görüntülemelerinin ilk demosu ücretsizdir.
10,000
görünümler

özgür

1,000,000
görünümler

$10,00 $7,00

2,000,000
görünümler

$14,00 $10,00

5,000,000
görünümler

$24,00 $18,00

10,000,000
görünümler

$40,00 $30,00

20,000,000
görünümler

$74,00 $55,00

50,000,000
görünümler

$165,00 $123,00

80,000,000
görünümler

$235,00 $176,00

100,000,000
görünümler

$282,00 $211,00

Tavsiye ediliriz

2023-02-28 07:37:00

2023-01-11 18:01:00

2022-12-05 15:41:00

2022-11-25 10:54:00

2022-11-07 15:46:00

OptiPic diğer platformlarla kolayca entegre olur

Оставить отзыв