Gif'i kalite kaybı olmadan sıkıştırın. GIF'i Yeniden Boyutlandır: Daha Kolay Olamazdı

Merhaba, şimdi okuyan herkese. Bugün size bir resmin, ekran görüntüsünün, fotoğrafın, Gif animasyonunun boyutunu (ağırlığını) siteye eklemek için kaliteyi kaybetmeden nasıl küçültebileceğinizi anlatacağım.

Resmin boyutunu farklı şekillerde küçültme

Her resim veya resim, istediğiniz gibi adlandırın;), birkaç noktanın toplamı olan kendi boyutuna sahiptir, dikey yükseklik, yatay genişlik (px) ve ağırlık - kilobayt (KB), megabayt (MB).

Resmin boyutunu (ağırlığını) azaltmak, sitenin yüklenme hızı - web performansı üzerinde olumlu bir etkiye sahip olacak ve ayrıca barındırma, bilgisayar, flash sürücüde yerden tasarruf etmenize yardımcı olacaktır.

Kabul edin, profesyonel kameralarda (DSLR'ler) çekilen görüntüler bazen 2 megabayttan daha ağır olabilir ve genişlik 2500 piksel olabilir. Siteye sıkıştırma olmadan böyle bir görüntü eklenirse, bugün PS'nin özellikle Google PS için bir filtre uyguladığı yükleme süresini önemli ölçüde artıracaktır.

İlk yöntem, görüntüyü Photoshop'ta siteye yüklemeden önce optimize etmektir.

Site sahipleri arasında fotoğrafları yeniden boyutlandırma ve sıkıştırmanın en popüler yönteminin bu olduğunu söylemeliyim. Sıradan İnternet kullanıcıları için de uygundur. Aynı zamanda, bu program tarafından gerçekleştirilen eylemler minimum düzeydedir ve bu, acemi blogcular için de önemlidir.

• 1. Photoshop'u kullanarak yeni bir dosya açın ve ardından "Web için Kaydet"e tıklayın.
• 2. Gerekli parametreleri ayarladığımız yeni bir pencere açılır: görüntünün kalitesi, formatı ve boyutu.

Bu nedenle, ağırlığı önemli ölçüde azaltmak için kaliteyi 60'tan yüksek sayılardan 30-50'den ortalama değerlere değiştirmek yeterlidir. İstenilen kalite bir kılavuz görevi görebilir. Önizleme penceresinde görüntünün ne kadar değişeceğini kontrol edin.

Görüntü formatına gelince, eğer renkli bir fotoğrafsa ve bir katmanın veya siyah beyaz bir ekran görüntüsünün şeffaflığını korumak gerekirse, Jpeg olarak kaydetmeyi seçiyorum, o zaman kural olarak, bu Png formatıdır. böylece üzerindeki yazı ve sayılar okunabilir. Photoshop konusunu okuyun: bu programı kullanma.

Görüntü boyutunu (piksel olarak) aynı pencerede değiştiriyorum, bu uygun. "Kaydet" e tıklıyorum ve ardından dosyanın adını Latince yazıyorum.

Çevrimiçi hizmetleri kullanarak görüntüleri sıkıştırmanın ikinci yolu

Dürüst olmak gerekirse, bu yöntemi nadiren kullanırım. Bununla birlikte, bu hizmetler, üretkenliği etkileyen kalite kaybı olmaksızın aynı anda birkaç (toplu) görüntünün sıkıştırılmasına yardımcı olur. Bunlar iyi bilinen hizmetler krakin.io, TinyPNG; Sıkıştırma ve diğerleri.

Size bir tane daha anlatacağım - bu, test ettiğim ve sonuçları gerçekten sevdiğim Optimizilla. Kendin dene.

Ekran görüntüsü, sisteme 60 KB boyutunda bir JPEG fotoğrafının yüklendiğini gösteriyor. Hizmet otomatik olarak %39 oranında sıkıştırarak 37 KB'ye sıkıştırdı, ancak görsel kalite pratikte etkilenmedi.

Görüntü kalitesiyle oynamak için kullanışlı kaydırıcıyı veya [+ -] işaretlerini kullanın; fotoğrafı yakınlaştırın ve sıkıştırmadan sonra kaydetmeden önce tüm detayları bir kez daha inceleyin. Bu, bir fotoğrafçının portföyü, seyahat, kadın kaynakları, çevrimiçi mağazaların olduğu ve yüksek kaliteli ürün görüntülerinin önemli olduğu siteler için çok alakalı bir fotoğraf önizleme işlevidir.

Bir görüntünün yüksekliğini ve genişliğini yeniden boyutlandırma

Görüntünün en ve boy ölçüsünü değiştirme işlemi bence günümüzde artık kimse için sorun değil. Bu, hem çevrimiçi olarak hem de standart grafik düzenleyici Paint'te veya daha uygun Paint.NET'te yapılabilir.

Programda yeni bir dosya açın, "Yeniden Boyutlandır" ı tıklayın, oranları korurken piksel cinsinden unutmayın. TAMAM.

Resmin ağırlığını çevrimiçi olarak Gif formatında değiştirin

Makalenin bu bölümünde size sadece JPEG, PNG, SVG resimlerinin değil, Gif'lerin de nasıl hızlı bir şekilde sıkıştırılacağını göstereceğim. Gif'ler çok ağırdır, bu nedenle bir gif görüntüsünün ağırlığının animasyon ve ek çaba kaybetmeden nasıl azaltılacağına dair birçok istek vardır).

• İlk çevrimiçi hizmeti kullanalım kompresör.io .

Compressor.io, dijital fotoğraflarınızın ve Gif animasyonlarınızın boyutunu önemli ölçüde azaltmak için güçlü bir çevrimiçi araçtır. Yüksek kaliteli görüntüleri saklamanıza olanak tanır, sıkıştırma öncesi ve sonrası farkın olduğu ve farkın olmadığı iki tür sıkıştırma kullanır. Hizmetlerini bu şekilde karakterize ediyorlar ve ana sayfada buna ikna olabilirsiniz.

Gif animasyonunu sıkıştırmaya bir örnek, ekran görüntüsüne bakın. Optimize edilmiş görüntüyü size uygun şekilde indirebilirsiniz: bilgisayarınıza, Dropbox'a, Google Drive'a (drive.google.com) kaydedin.

• İkinci hizmet Çevrimiçi Görüntü İyileştirici.

Hizmetin adı kendisi için konuşur. Online Image Optimizer, Gif animasyonları da dahil olmak üzere çeşitli görüntü formatlarını kolayca optimize eder. Resmi yüklemek ve "Optimize Et" i tıklamanız yeterlidir. Ek olarak, Çevrimiçi Görüntü Optimize Edici hizmeti, yalnızca bir web sitesi için hızlı bir şekilde bir site simgesi oluşturmaya yardımcı olmakla kalmaz, aynı zamanda cephaneliğinde birçok yararlı çevrimiçi araca sahiptir.

• Üçüncü yol bir uygulama programıdır. süperGIF macOS ve Windows için.

Küçük işlevsel sınırlamaların olduğu durumlarda SuperGIF'in ücretli bir sürümünü satın alabilir veya ücretsiz bir demo indirebilirsiniz.

Merhaba sevgili okuyucular! Bu yazıda, kaliteyi önemli ölçüde değiştirmeden resimlerin ve fotoğrafların ağırlığını azaltmak için birkaç yararlı çevrimiçi hizmete bakacağız. Resmi minimum değerlere sıkıştırabileceğiniz bir hizmet olsa da, kalite de arzulanan çok şey bırakacaktır.

Bu görüntü optimizasyonu konusu, esas olarak web sitesi veya blog sahiplerinin ilgisini çekmektedir. Tanıtımda sayfa yükleme hızı büyük önem taşımaktadır. Arama motorları optimize edilmiş web sitelerini sever.

Çevrimiçi hizmetlerin avantajı, bilgisayarınıza özel programlar yüklemenize gerek olmamasıdır. Sıkıştırma işlemi gerçek zamanlı olarak gerçekleşir ve herhangi bir özel beceri gerektirmez. Her şey aşırı derecede basit. Bu hizmetlerin tek bir dezavantajı var - bir İnternet bağlantısına ihtiyacınız var.

Üç İnternet kaynağına genel bir bakışla devam edelim. Her birinin kendine has özellikleri vardır.

Çevrimiçi hizmet TinyPNG

TinyPNG hizmeti, maksimum 5 MB boyutunda 20 adede kadar görüntüyü sıkıştırabilir. PNG ve JPEG formatlarıyla çalışır.

Kelimenin tam anlamıyla iki tıklamayla resim optimize edilir - siteye yükleyin, otomatik olarak sıkıştırın ve ardından bilgisayarınıza kaydedin. Sıkıştırılmış parça pratikte orijinalden farklı değildir.

Çevrimiçi hizmet PunyPNG

PunyPNG de basit bir web kaynağıdır. PNG, JPEG ve GIF formatlarıyla çalışır. En fazla 20 dosya yükleyebilirsiniz. Sıkıştırma sonuçları ve orijinalin yüzdesi doğrudan hizmette görünecektir.

Çevrimiçi hizmet Picresize

Picresize, nihai sonucun boyutunu ayarlayabileceğiniz sunulan hizmetlerden yalnızca biridir. PNG, JPEG, GIF ve BMP formatlarıyla çalışır.

Resmi siteye yükledikten sonra boyutunu ayarlayabilirsiniz. Değişiklik yok - orijinal boyut (değişiklik yok).

Bu hizmet, bir görüntü biçimini diğerine dönüştürmenize olanak tanır.

JPEG formatında, istediğiniz dosya boyutunu kilobayt olarak belirleyebilirsiniz.

Ayarları yaptıktan sonra görüntüyü bilgisayarınıza kaydedin.

Çok eski zamanlardan beri Photoshop'un resmi Rusça sürümlerinde, "Titreşim" seçeneği "Titreşim" olarak çevrilmiştir, bu da en hafif tabirle bir yanlışlıktır. Bu bağlamda, "Titreşim", bir renkten diğerine geçişleri yumuşatan "anti-aliasing" anlamına gelir.
GIF'ler sınırlı sayıda renk içerdiğinden, resmin görünümünü iyileştirmek için tek tek renkler arasında geçişler oluşturmanız ve bunun için eksik renkleri simüle etmeniz gerekebilir. Bu renkleri oluşturmak için "Titreşim" seçeneği vardır. Bu tür kenar yumuşatma simülasyonu için dört algoritma vardır - "Titreşim yok", "Rastgele", "Normal" ve "Gürültü":

Algoritmaları daha ayrıntılı olarak ele alalım ("Titreşim yok" modunda her şeyin açık olduğunu umuyorum).

algoritmayı kullanma "Tesadüfi"(Difüzyon), kenar yumuşatma miktarını ayarlayabiliriz.
algoritmalarda "Düzenli"(Desen) ve "Gürültü"(Gürültü) ayarları eksik, Photoshop her şeyi otomatik olarak yapıyor.

Bazı görüntüler için "Titreme" basitçe gereklidir, ancak değer ne kadar yüksekse dosya boyutunun da o kadar büyük olduğunu unutmayın, çünkü ikincil renkleri veya pürüzsüz renk geçişlerini simüle etmek için birbirine çok yakın olan çok renkli pikseller ekler.

4. Diğer ayarlar

"Kayıplar"(Kayıplı) - Kenar yumuşatma sırasında dosya boyutunu küçültebilen, ancak aynı zamanda resmin kalitesini de düşürebilen görsel bilgi kaybı düzeyini kontrol eder. Geçmeli seçeneği devre dışı bırakıldığında kullanılabilir.

"Şeffaflık"(Şeffaflık) - görüntü saydam alanlar içeriyorsa, etkinleştirmek mantıklıdır. Kenar yumuşatma algoritmaları, Titreme seçeneği ilkesine göre çalışır ve aynı şekilde adlandırılır.

5. Orijinal ve optimize edilmiş sürümlerin karşılaştırılması

Ayarlarınızı Web için Kaydet iletişim kutusuna ekledikten sonra, optimize edilmiş sürümde ve neredeyse her zaman bozulma yönünde değişiklikler olmuştur. Sonucu dikkatlice kontrol edin, kaynakla karşılaştırın:

Animasyonu görüntüleyebilir ve tekrarlama parametrelerini ayarlayabilirsiniz - bir kez, kalıcı olarak veya kendi tekrar sayınızı belirleyebilirsiniz:

Sonuçtan memnunsanız, bir sonraki adıma geçin - animasyonu kaydedin.

6. Animasyon optimizasyonunu belirtilen dosya boyutuna ayarlayın

Bu seçenek, Photoshop'ta animasyon kaydedilirken de kullanılabilir. Çıktı dosyasının boyutunu ayarlayabilirsiniz ve buna bağlı olarak Photoshop, dosya boyutunu belirttiğiniz boyuta ayarlayarak optimizasyonu kendisi gerçekleştirir.

Sağ üst köşedeki düğmeye tıklayın ve "Dosya Boyutuna Optimize Et" satırını seçin

7. Animasyonu tarayıcıda önizleyin, optimizasyon parametrelerini kaydedin

İstediğiniz ayarları bulduktan sonra bunları sete kaydedin. Web için Kaydet penceresinin sağ üst köşesindeki simgeye tıklayın ve "Ayarları Kaydet" satırına tıklayın:

Pencerenin sol alt köşesindeki butona tıklayarak tarayıcıdaki ayarlarımızla animasyonu önizleyebiliriz:

Yalnızca animasyon değil, aynı zamanda GIF dosyasındaki tüm veriler - hacim, doğrusal boyutlar vb. ve HTML kodu gösterilecektir. Örneğin, animasyonu bu eğitimden aldım:

Her şeyi beğendiyseniz, dosyayı kaydedin. Bunu yapmak için, iletişim kutusunun sağ alt köşesindeki "Kaydet" düğmesini tıklayın. Yolu seçtiğimiz yeni bir pencere açılır, ayarları şekilde gösterildiği gibi ayarlayın (bunlar varsayılan ayarlardır), "Kaydet" düğmesini tıklayın:

Animasyon kaydedilecektir. Hala bir şeyden hoşlanmıyorsanız, kaydedilen ayar grubunu kullanarak optimizasyonu tekrar gerçekleştirebilirsiniz.

"adlı bir çevrimiçi düzenleyici kullanmanızı öneririm. ezgif.com", Sadece animasyonlu görüntülerin boyutunu değiştiremezsiniz, aynı zamanda onları optimize edebilirsiniz, yani ağırlıklarını azaltabilirsiniz.

Bu çevrimiçi düzenleyicinin yardımıyla bile, kendi takdirinize bağlı olarak İnternet'ten birçok afişi yeniden oluşturabilirsiniz ve tasarım üzerinde çalışmanıza gerek yoktur. Siz sadece metninizi yazın ve banner hazır.

buraya gidiyoruz

Çevrimiçi editör araçları "Ezgif.com"

GIF görüntülerini hızlı bir şekilde düzenlemek için Photoshop yerine çevrimiçi bir düzenleyici kullanmak daha iyidir. Sonuçta, pek çok kişinin Photoshop ile nasıl çalışılacağı hakkında hiçbir fikri yok, ancak burada herhangi bir GIF görüntüsünü birkaç dakika içinde düzenleyebilirsiniz.

Çevrimiçi düzenleyici şöyle görünür:

Animasyonlu GIF resimlerini düzenlemek için "Ezgif.com" editörü

Elbette Photoshop'un işlevselliğine ulaşmıyor, ancak GIF resimlerini düzenlemek için gerekli tüm araçlara sahip.

Çevrimiçi düzenleyici özellikleri:

1. Bir görüntüyü kırpma

2. Boyut değişikliği

3. Görüntü optimizasyonu

4. Efekt Ekleme

5. Animasyon hızını değiştir

6. Animasyonu çerçevelere ayırma (parçalar)

7. Metin ekleme

8. Başka bir resmi kapla

Basit bir editör gibi görünüyor, ama ne kadar güçlü.

Şimdi listelenen tüm araçlara ayrı ayrı bir göz atalım.

Mahsul: animasyon resimlerini kırpmak için basit bir çevrimiçi araç.

Bir resim yükleyin ve ardından fareyi kullanarak görüntünün kırpmak istediğiniz bölümünü seçin. Sonra tıklayın" kırp"Ve işin bitti.

Bir görsel yükledikten sonra, görselle ilgili bilgiler bu görselin altında görünür: KB cinsinden boyut, görselin boyutları ve kaç kare içerdiği.

Bir resmi kırparken, boyutu manuel olarak ayarlayabilirsiniz. Bunu yapmak için, alanlarda ihtiyacınız olan görüntünün altında " Sol», « Tepe», « Genişlik" ve " Boy uzunluğu»İstenen değerleri girin.

Yeniden boyutlandır: Bu araçla resmi yeniden boyutlandırabilir veya kırpabilirsiniz. Uzaklaştırıldığında, resim aynı kalitede kalır ve animasyon hızı değişmez.

Alanlarında " Yeni genişlik" ve " Yeni yükseklik"Yeni bir görüntü boyutu ayarlamanız gerekiyor veya sadece Yüzde'yi belirleyip ardından tıklayabilirsiniz" Yeniden boyutlandır!". Resim, belirttiğiniz yüzde oranında küçültülecektir.

Bu araçla GIF resimlerini hızlı ve kolay bir şekilde yeniden boyutlandırabilirsiniz. Resmin boyutunu büyüttüğünüzde kalite kaybolacaktır.

Değişiklikten sonraki resim bir şekilde kötü görüntülenen animasyon haline geldiyse, farklı bir boyut ayarlamayı deneyebilirsiniz.

Optimize et: ve bu araçla GIF dosyasının boyutunu (ağırlığını) değiştirebilirsiniz. Her karedeki renk sayısı azaltılarak resmin ağırlığı küçülür. Her GIF çerçevesi 256'ya kadar benzersiz renk içerir, ancak renk miktarını azaltırsanız daha küçük bir dosya boyutu elde edebilirsiniz.

Optimizasyonun birçok yöntemi vardır, ancak resim kalitesini iyi tutmak için en iyi seçeneği seçebilirsiniz. Web sitesinde optimizasyon hakkında daha fazla bilgi edinin.

Efektler (efektler, görüntü rengi değişikliği): Bu araç ile görüntüyü yatay ve dikey olarak çevirebilirsiniz.

Ayrıca, alanında dereceyi belirtirseniz görüntü belirli bir açıyla döndürülebilir " Döndür". Görüntüye farklı bir renk atayabilir, siyah beyaz yapabilir veya başka bir renk verebilirsiniz.

Hız (GIF animasyonunun hızını değiştirin): bu araç, animasyon hızını değiştirmek içindir.

Animasyonun hızını mevcut olanla orantılı olarak değiştirmek istiyorsanız, yüzdeyi kullanın " mevcut hızın %'si", Ve çerçeveler arasındaki gecikmeyi ayarlamak için kullanmanız gerekir" ". Parametre " kareler arasında saniyenin yüzde biri"Kareler arasındaki gecikme süresini yüzlerce saniye (1/100) olarak ayarlar

Böl (GIF görüntüsünü çerçevelere ayrıştırın): eh Bu araç, animasyonlu GIF resimlerini ayrı karelere dönüştürmek için tasarlanmıştır, bundan sonra her kare ayrı ayrı düzenlenebilir.

Animasyonlu resmin tüm çerçeveleri bir bilgisayara indirilebilir. Bunu yapmak için çerçeveye sağ tıklayın ve ardından “ resmi farklı kaydet... ". Ayrıca, tüm çerçeveler “düğmesine tıklayarak tek bir zip arşivinde indirilebilir. Çerçeveleri ZIP olarak indir»

Yaz (metin ekle): uh Bu araç, GIF animasyonuna metin eklemenizi sağlar. GIF görüntüsünün tamamına veya tek tek çerçevelerine metin ekleyebilirsiniz. Resimdeki metin fare ile hareket ettirilebilir.

Kaplama (başka bir görüntünün kaplaması): Bu araç, bir GIF görüntüsünün üzerine başka bir görüntünün bindirilmesine olanak tanır ve bunun PNG veya GIF biçiminde olması istenir.

İnternette GIF formatı en yaygın olanlardan biri olarak kabul edilir. Yüksek popülerlik, GIF dosyasının etkileyici bir sıkıştırma algoritmasına sahip olması ve şeffaflık işlevini desteklemesinden kaynaklanmaktadır. Bu nedenle, banner reklamlarla animasyon oluşturmak, topu boş bir ağa vurmak kadar kolaydır.

Ancak, küçük bir nüans var. Tasarımcılar zaman zaman GIF'leri yeniden boyutlandırma ihtiyacıyla karşı karşıya kalıyor. Birilerinin azaltması, diğerlerinin artırması gerekiyor. Bu içeriği nasıl düzenlerim? Örneğin, kırpın mı yoksa küçültün mü? Normal bir jpeg dosyanız olsaydı bu tür sorular ortaya çıkmazdı. Özel bilginiz olmasa bile bir grafik düzenleyicide sıkıştırın. Sadece birkaç tıklama ve iş mükemmel.

GIF nasıl düzenlenir

Bildiğiniz gibi, çoğu grafik düzenleyici yalnızca hareketsiz görüntülerle çalışır. Özellikle sizin için, bu tür dosyaları sıkıştırmak, kırpmak ve animasyon sonrası işlemek için en etkili programlardan bir seçki oluşturduk. Artık GIF'leri çevrimiçi olarak nasıl sıkıştıracağınızla ilgili herhangi bir sorunuz olmayacak. Listeden bir program seçin - keyifli kullanımlar dileriz!

GIF Yeniden Boyutlandırıcı

Sadece birkaç tıklamayla "giflerin" boyutunu değiştirmenize izin veren her anlamda benzersiz bir düzenleyici. Bunu yapmak için, temel eylemleri gerçekleştirmeniz gerekir:

• Programı çalıştır.
• Menüde "Yeniden Boyutlandır" düğmesini bulun ve basın.
• "Gözat" düğmesine tıklayarak ilgilendiğiniz dosyayı seçin.
• Gerekli parametreleri girin (uzunluk ve genişlik).
• "Uygula" yı tıklayın ve birkaç saniye bekleyin.
• Bitti - Animasyonlu içeriğin boyutları beklendiği gibi.

GIF Yeniden Boyutlandırıcı arayüzü

Ek olarak, GIF Resizer'ı kullanarak aşağıdaki görevleri çözebilirsiniz:

• Formatı değiştirin.
• Logoyu animasyondan kaldırın.
• Animasyonlu görüntünün boyutunu küçültün / büyütün.
• GIF'i JPG'ye dönüştürün, ayrı karelere bölün.
• PNG'ye dönüştürün.

Bu işlevsellik üzerinde durmayacağız, çünkü yalnızca animasyonların GIF formatında sıkıştırılmasıyla ilgileniyoruz. Sadece çeşitli animasyon düzenleme görevleriyle karşı karşıya kaldığınızda Resizer kullanmanın mantıklı olduğunu bilin.

ezgif

GIF ve PNG dosyalarını sıkıştırmanıza izin veren birinci sınıf bir hizmet. Ayrıca, efekti uygulamak için birçok farklı araca sahiptir.

Ezgif'i nasıl kullanırım? Hizmetin ana sayfasını açın, "Gözat" ı tıklayın. Dosya seçildiğinde, geriye sadece Yükle'yi tıklamak kalır. İndirdikten sonra çeşitli sıkıştırma seçenekleri kullanılabilir hale gelecektir. Boyut / kalite oranı açısından en iyi seçenek Medium'dur.

GIF Kompresörü

GIF Kompresör programı kendi yolunda ilginçtir. Animasyonu sadece 2 basit sıkıştırmayla nasıl sıkıştıracağını biliyor. Bunu aynı anda birkaç dosyayla yapabilirsiniz. Bir GIF dosyasının maksimum boyutu 50 MB'dir.

En çok hangi uygulamayı beğendin?