Smush it ve türevleriyle görsellerinizi zipleyin

Alt Başlık : Web sayfanızı hızlandırın

Web sayfalarının hızlandırılmasında görseller büyük önem taşıyor.

Yahoo Smush.IT hizmetiyle web geliştiriclerine görsellerini hızlıca ve çoklu sıkıştırma imkanı sağlıyor. Aşağıdaki adrese girip, üye olmadan bu aracı kullanabilirsiniz.

http://www.smushit.com/ysmush.it/

Bu sıkıştırmanın yetersiz olduğunu düşünüyorsanız herhangi bir grafik programıyla daha verimli sonuçlar elde edebilirsiniz.

Photoshop’un Save for Web (Web için Kaydet) seçeneği, biz web geliştiricileri için büyük önem taşımaktadır. Makaleyi sonuna kadar okuduktan sonra bir daha Save, Save As gibi menü seçeneklerini kullanmayacağınıza eminim.

Aşağıdaki görsel en basit ayarlar ile Save As ve Save for Web farkını göstermektedir :

Bu kaydetme aracı sayesinde kalite kaybını minimuma indirip dosya boyutunu büyük oranda azaltabiliriz. Web sayfanızdaki görsellerin dosya boyutunu azaltamanız

• Sitenizin daha hızlı açılmasına,


• Ziyaretçilerin daha az kota harcamasına,


• Açılış hızına eşdeğer Google puanınızın artmasına,


• ve daha birçok işe yarar sonuç verir.

Photoshop ile görseller nasıl sıkıştırılır?
İlk olarak şunu söylemekte fayda var; kayıt edeceğiniz dosyaların boyutlarına dikkat edin, lüzumsuz bir görseli yüksek boyutlandırmayın.

Save for Web aracının kısayol tuşu Alt+Shift+Ctrl+S şeklindedir. Diğer kısayol tuşlarını öğrenmek için buradaki makaleyi okuyabilirsiniz.

JPG dosyaları

.JPG uzantılı görseller renk geçişlerinin az olduğu ve fazla keskinlik olmayan görseller için kullanılmalı. Örneğin bir okyanus fotoğrafı JPG için fazlasıyla uygundur. Fakat bu okyanusun içinde yüzlerce yelkenli, renk renk gözüküyorsa dosya boyutu artacaktır. JPG için Save for Web ayarları aşağıdaki gibidir.

.GIF ve 8-bit .PNG resim dosyaları yakın renklerin olduğu görseller için gayet uygunlar. Fakat renkler arasındaki fark yüksekse (örneğin lacivertten açık yeşile kadar her renk varsa) kalite büyük oranda düşer. Ayrıca bu iki format 256 colors olarak ayarlanabilir.

Özellikle 8-bit halleri JPG’e göre daha kalitesizdir. Küçük fotoğraflar ve ikonlar için kullanılmalı. Yazı efektleri için de kullanılabilir.

Bu iki formatın da transparan desteği olduğunu hatırlatıp karşılaştırmaları görelim.

Alanları Tanıyalım

Preset alanı önceden tanımlı ayarları seçmemize yarıyor. Kolay kullanım için eklenmiş.Hemen altındaki seçim ise dosya formatı. GIF, PNG, JPG gibi seçenekler mevcut.Color bölümü kullanılmasını istediğiniz renk tonu, Dither görseldeki titreşim, Matte ise eklenecek olan matlık ayarıdır.

Ayarları kurcalayarak, yandaki önizleme penceresinden sonucu görüntüleyebilirsiniz.

• Dosya Türü GIF


• Dosya Boyutu 5,483K


• 56,6 KBPS bağlantı ile görselin yükleniş süresi 2 saniye.,


• %0 titreşim


• 215 web rengi ile sınırlandırılmış


• Üstteki paletten 128 renk seçilmiş

Uzun ve detaylı yazmaya çalıştım.

Umarım işinize yaramıştır.

Kaynak : http://www.adobewordpress.com/photoshop-ile-gorsellerinizi-sikistirarak-web-sayfanizin-acilis-hizini-arttirin/

Ellerine sağlık hocam güzel çalışma olmuş.

Ellerine sağlık, kendi websitenden referans bile verebilirim.

Bu ara minify olayı ile yoğunlaşıyoruz.

Css js img küçülterek sitelerdeki hızlandırma gerçekten çok etkili.

Şimdi de WordPress kullanıcıları için db optimizer tarzında bir eklentiyi tanıtan makale yazıyorum.

Yakında paylaşırım.

Merhabalar
Ben uzun zamandır Smush.it eklentisini kullanıyorum. Bu güne kadar çok memnundum. Fakat bugün resimleri optimize etmek istediğimde Editörümde sunucu hatası beliriyor. Son zamanlarda çok yavaş optimize ediyordu fakat bugün 10 resimden 1 tanesini optimize ederken geri kalan 9 resimde Internal Server Error hatası çıkıyor. Hocam bu sorun neden kaynaklanıyor olabilir?
Sitem http://nazarca.com/

Internal Server Error

The server encountered an internal error or misconfiguration and was unable to complete your request.
Please contact the server administrator to inform of the time the error occurred and of anything you might have done that may have caused the error.

More information about this error may be available in the server error log.

Eklenti ve WordPress versiyonlarınız güncel mi acaba?

Bu tip bir sorun ben de yaşamıştım ama güncellemelerimden sonra sorun kendiliğinden halloldu.

Cevabınız için çok teşekkürler. Evet eklentilerim güncel. Ben Bulk WP Smush.it eklentisini sildim sonra tekrar yükledim şükür sorunum halloldu. Tekrar teşekkürler.

Ben bu iş için FastStone Image Viewer isimli programı kullanıyorum, hem kaliteden ödün vermeden sıkıştırma yapıyor, hem resmi istenen pixele kolayca ayarlayabiliyorsunuz. Üstelik program ücretsiz incelemenizi tavsiye ederim ;)

Rica ederim. Sene 2014 ancak bazı şeyleri kapatıp açmak hala çözüm olabiliyor.

Ya Hocam sorunum halloldu diye sevinirken yine aynı sorunu yaşamaya başladım. Süper cache kullanıyorum onu deaktive edip denedim sonuç aynı. Bir tek resim bile küçültmüyor. Ne yapacağımı şaşırdım sitem Resim ağırlıklı bir site. Sanırım başka seçeneklere bakacağım. İlginiz için teşekkürler.