• 21-01-2023, 03:35:36
    #1
    Özet olarak Webp nedir ? Webp bir resim formatıdır, google tarafından geliştirilmiş olup daha fazla sıkıştırma oranı ve daha kaliteli resimler sunmayı amaçlamaktadır.

    Aşağıdaki program bir klasördeki tüm jpg,jpeg,png,gif uzantılı dosyaları webp formatına klasör yapısını koruyarak dönüştürmenizi sağlar.

    Örnek vermek gerekir ise ;

    /public_html/wp-content/uploads konumun da bulunan uploads klasörünü bilgisayarınıza olduğu gibi indirebilir.
    programı kullanarak klasördeki ve alt klasördeki tüm resimleri istediğiniz sıkıştırma oranın da yine aynı klasör sistemi yapısına göre webp formatına dönüştürebilir tekrar sitenize yükleyebilirsiniz.

    Program klasör yapısını olduğu gibi kopyalar ve dizin ve alt dizinlere göre işlem yapar.

    Programı 32 - 64 bit olarak indirebilirsiniz.

    Bu işlemi yapıp resimleri (klasörü) sitenize yükledikten sonra.
    aşağıdaki kodu sitenize(.htaccess)'e ekleyebilirsiniz.

    Bu kod sitenize gelen ziyaretçinin tarayıcısının webp destekleyip desteklemediğini kontrol eder, eğer destekliyor ise ziyaretçiye .webp uzantılı resmi sunar.
    desteklemiyor ise orjinal formatı göstermeyi sağlar.
    Not: resimlerin url'si jpg vs olarak görünür ancak sağ tıklayıp resmi farklı kayıt et dediğinizde webp olduğunu görebilirsiniz. (maskeleme yapar.)
    <IfModule mod_rewrite.c>
      RewriteEngine On
    
      # Check if browser supports WebP images
      RewriteCond %{HTTP_ACCEPT} image/webp
    
      # Check if WebP replacement image exists
      RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
    
      # Serve WebP image instead
      RewriteRule (.+)\.(jpe?g|png|gif)$ $1.webp [T=image/webp,E=REQUEST_image]
    </IfModule>
    
    <IfModule mod_headers.c>
      # Vary: Accept for all the requests to jpeg, png and gif
      Header append Vary Accept env=REQUEST_image
    </IfModule>
    
    <IfModule mod_mime.c>
      AddType image/webp .webp
    </IfModule>
    Bunu wordpress veya farklı tüm sistemlerde kullanabilirsiniz.

    Neden ihtiyaç var bazı ücretli veya ücretli eklentiler var derseniz.
    Örnek olarak 75K küsür resmi dönüştürmek için oldukça pratik ve tasarufflu olacaktır.

    Sorun yaşayan, soru sormak isteyen olursa konu altından yorumlarsanız yardımcı olmaya çalışırım.
  • 21-01-2023, 04:16:41
    #2
    arberotum adlı üyeden alıntı: mesajı görüntüle
    Özel olarak Webp nedir ? Webp bir resim formatıdır, google tarafından geliştirilmiş olup daha fazla sıkıştırma oranı ve daha kaliteli resimler sunmayı amaçlamaktadır.

    Aşağıdaki program bir klasördeki tüm jpg,jpeg,png,gif uzantılı dosyaları webp formatına klasör yapısını koruyarak dönüştürmenizi sağlar.

    Örnek vermek gerekir ise ;

    /public_html/wp-content/uploads konumun da bulunan uploads klasörünü bilgisayarınıza olduğu gibi indirebilir.
    programı kullanarak klasördeki ve alt klasördeki tüm resimleri istediğiniz sıkıştırma oranın da yine aynı klasör sistemi yapısına göre webp formatına dönüştürebilir tekrar sitenize yükleyebilirsiniz.

    Program klasör yapısını olduğu gibi kopyalar ve dizin ve alt dizinlere göre işlem yapar.

    Programı 32 - 64 bit olarak indirebilirsiniz.

    Bu işlemi yapıp resimleri (klasörü) sitenize yükledikten sonra.
    aşağıdaki kodu sitenize(.htaccess)'e ekleyebilirsiniz.

    Bu kod sitenize gelen ziyaretçinin tarayıcısının webp destekleyip desteklemediğini kontrol eder, eğer destekliyor ise ziyaretçiye .webp uzantılı resmi sunar.
    desteklemiyor ise orjinal formatı göstermeyi sağlar.

    <IfModule mod_rewrite.c>
      RewriteEngine On
    
      # Check if browser supports WebP images
      RewriteCond %{HTTP_ACCEPT} image/webp
    
      # Check if WebP replacement image exists
      RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
    
      # Serve WebP image instead
      RewriteRule (.+)\.(jpe?g|png|gif)$ $1.webp [T=image/webp,E=REQUEST_image]
    </IfModule>
    
    <IfModule mod_headers.c>
      # Vary: Accept for all the requests to jpeg, png and gif
      Header append Vary Accept env=REQUEST_image
    </IfModule>
    
    <IfModule mod_mime.c>
      AddType image/webp .webp
    </IfModule>
    Bunu wordpress veya farklı tüm sistemlerde kullanabilirsiniz.

    Neden ihtiyaç var bazı ücretli veya ücretli eklentiler var derseniz.
    Örnek olarak 75K küsür resmi dönüştürmek için oldukça pratik ve tasarufflu olacaktır.

    Sorun yaşayan, soru sormak isteyen olursa konu altından yorumlarsanız yardımcı olmaya çalışırım.
    bravo hocam elle tutulur ücretsiz güzel bi olay paylaşmışsın.
  • 21-01-2023, 04:31:29
    #3
    Kurumsal PLUS
    Bilgi için teşekkürler. Wordpress gibi sistemlerde bununla uğraşılmaz ücretsiz bir dünya eklenti var zaten. yükle etkinleştir bitti..
  • 21-01-2023, 09:16:21
    #4
    Hocam çok güzel bir paylaşım olmuş. Fakat sitelerimize sürekli içerik giriyoruz ve her gün yeni resimler oluyor. Bu işlemi her günü yapmak çok zahmetli olabilir.
  • 22-01-2023, 10:37:50
    #5
    Denendi çalışmıyor maalesef.
  • 22-01-2023, 12:48:00
    #6
    Dönüştürme işlemi için wordpress sitelerde en iyi eklenti "ShortPixel Image Optimizer", eklenti olmaksızın da siteden dönüştürme yapılabildiği için de diğer alt yapılarda kullanmak mümkün.
  • 22-01-2023, 16:18:23
    #7
    Kem4l adlı üyeden alıntı: mesajı görüntüle
    Denendi çalışmıyor maalesef.
    hangi kısmı denendi ? hangi kısmı çalışmadı ? detay verirseniz yardımcı olmaya çalışayım.
  • 22-01-2023, 17:09:35
    #8
    Mod Rewrite kurulu değilmiş sunucuyu sıfırlamıştık Çok teşekkürler çalıştı. Ama farklı browserlarda çalışmaması için ne yapılabilir? Çünkü IE tarayıcıda artık resimler görünmüyor, jpg ve png halini neden almıyor acaba?
  • 22-01-2023, 17:36:20
    #9
    Kem4l adlı üyeden alıntı: mesajı görüntüle
    Mod Rewrite kurulu değilmiş sunucuyu sıfırlamıştık Çok teşekkürler çalıştı. Ama farklı browserlarda çalışmaması için ne yapılabilir? Çünkü IE tarayıcıda artık resimler görünmüyor, jpg ve png halini neden almıyor acaba?
    aynı klasörde jpg,png uzantılı dosyalar var ise gösterir.
    ayrıca aşağıdaki linkten faydalanabilirsiniz.
    https://github.com/vincentorback/Web...-with-htaccess