Bu blogun web yöneticisi olarak karşılaştığım ilk zorluklardan biri resimlerle ilgiliydi. Sunucu kaynaklarını optimize etmek ve aynı zamanda hızlı yüklemek istersem , görüntüleri (JPG, PNG, GIF) çok yüksek taleple sıkıştırmam gerekiyordu .
Bugün görüntüleri gerçek bir ninja gibi düzenlemek ve sıkıştırmak için kullandığım 2 yöntemi açıklayacağım . Son 3 yıldır her şeyi denedim ama sonunda benim için en iyi olan şey bu, bu yüzden sizlerle paylaşmak istiyorum.
Mümkün olan en basit şekilde aynı anda bir veya daha fazla görüntü nasıl sıkıştırılır
Birçok insanın görüntüleri sıkıştırmak için önerdiği şey, Photoshop veya stilin diğer multimedya düzenleyicileri gibi programları kullanmaktır. Çok iyi bir şey, ancak bu tür uygulamalar genellikle tam olarak ucuz değiller ve ayrıca kişisel olarak sahip olduğum birçok profesyonel işlev getiriyorlar - sadece birkaç ince ayar yapmak ve bazı fotoğrafları sıkıştırmak istiyorum, kısa bir animasyon oluşturmak değil. 8 dakika-.
Herhangi bir uygulama yüklemeden bir görüntü nasıl düzenlenir ve sıkıştırılır
Tek yapmam gereken bir görüntüyü sıkıştırmak ve kenar boşluklarını ve boyutunu ayarlamak olduğunda Pixlr Express adlı bir web aracı kullanıyorum . Autodesk'in elinin ışığını yıllar önce gören -Autocad'in aynısı- ve şimdi başka bir şirket (123RF) tarafından satın alınan çevrimiçi bir uygulamadır. Ama konuya gelelim ...
Mesele şu ki, hala ücretsiz ve aynı şekilde çalışıyor. Sadece bu da değil , aynı zamanda kayıt gerektirmez ve görüntüleri düzenlememize, filtreler, yazı tipleri ve çok sayıda efekt eklememize izin verir. Bunu uzun süredir tarayıcımın "sık kullanılanlar" klasöründe tutuyorum.
Pixlr Express ile bir görüntüyü sıkıştırmak için , görüntüyü düzenleyiciye yüklememiz ve " Kaydet " i tıklamamız yeterlidir . Araç, kaydederken istenen sıkıştırma seviyesini (% 0'dan% 100'e) uygulamamıza izin verecektir.
Kaydetme anında görüntüyü sıkıştırmamıza izin verdiği zamandırTabii ki, görüntünün kalitesi, uyguladığımız sıkıştırma seviyesi ile uyumlu olacaktır. Kişisel bir öneri olarak, orijinaline kıyasla% 65'lik bir sıkıştırma seviyesi uygulamanızı tavsiye ederim . Görüntünün hala iyi göründüğü ve ağırlığının önemli ölçüde azaldığı nokta budur.
Aynı anda birden fazla görüntü nasıl sıkıştırılır ve basamaklandırılır
Pixlr ile çalışan birkaç resmimiz varsa biraz sıkıcı olabilir. Bu durumlar için , özellikle JPG, GIF ve PNG görüntülerini sıkıştırmak için tasarlanmış RIOT (Radical Image Optimization Tool) adlı ücretsiz bir program kullanıyorum .
RIOT, bir görüntüyü yüklememize, sıkıştırma düzeyini ayarlamamıza ve sıkıştırma uygulandığında nasıl görüneceğine dair bir önizleme görmemize olanak tanır. Bu, onu mümkün olduğunca ayarlamak ve yine de iyi görünmek için harika.
Ancak RIOT'un gerçek büyüsü, "Toplu İş" özelliğindedir. Buradan bir seferde birkaç görüntü yükleyebiliriz (örneğin, bir klasörde veya alt klasörlerde bulunan tüm görüntüler) ve bunları kademeli olarak sıkıştırabiliriz . Bunu yapmak için, " Toplu İş " simgesine tıklamamız , hedef klasörü ( Çıktı klasörü ) ve kaynak klasörü (Resim ekle -> Klasörden tüm resimleri ekle ) seçmemiz yeterlidir . İstediğimiz her şeye sahip olduğumuzda, seçilen tüm görüntüler için toplu sıkıştırma gerçekleştirmek üzere " Başlat " ı tıklayın .
Bu çok güzel, duydun mu ...Görüntüleri teker teker sıkıştırmakla bu şekilde yapmak arasındaki fark sadece dipsizdir. Bir üniversite işinin tüm resimlerini veya daha kötüsü web sitenizdeki tüm resimleri optimize etmeniz gerektiğini hayal edin.
Bir blog veya web sitesindeki resimler için mükemmel sıkıştırma seviyesi
Yukarıda biraz bahsettiğim gibi, web sayfaları için mükemmel sıkıştırma seviyesi% 65'tir. Ama bu sadece kişisel bir öneri ...
Ancak bir web sayfamız varsa ve "mükemmel" bir sıkıştırma seviyesi istiyorsak, kendisini "mutlu android" olarak adlandıran bir deliğin kişisel tavsiyesinden kesinlikle daha fazlasını isteyeceğiz.
Bu gibi durumlar için Google, web yöneticileri Pagespeed Insights için iyi bilinen bir sayfaya sahiptir . Bu araç, bize web sitemizin yükleme hızını söylemenin ve bize başka tavsiyelerde bulunmanın yanı sıra, belirli bir URL'nin içerdiği tüm resimlerin bir kopyasını indirmemize de olanak tanır. Görüntülerin bu kopyaları% 100 optimize edilecektir.
Resimleri indirmek için asıldıkları URL'yi girmeli ve " Analiz et " butonuna tıklamalıyız . Analiz tamamlandıktan sonra, " Bilgisayar " sekmesinden neredeyse sonuna kadar kaydırırız ve " Bu sayfa için optimize edilmiş resim kaynakları, JavaScript ve CSS indir " bağlantısını tıklarız . Bu kaynaklar zaten optimize edilmiş olarak otomatik olarak bir ZIP dosyası elde edeceğiz.
Biraz gizlidir, ancak acımasız bir yardımcı programa sahip bir işlevdir.Umarım bu eğitim sizin için yararlıdır. Bu projeye başladığımda böyle bir şey okuyabilseydim, kesinlikle beni pek çok baş ağrısından kurtarırdı.
Not: Geçmişten benim "bana" adanmış bir gönderi. Bak bakalım öğrenecek misin evlat!
Eğer var mı Telgraf yüklü? Kanalımızda her günün en iyi gönderisini alın . Veya isterseniz, her şeyi Facebook sayfamızdan öğrenin .