Çevrimiçi gif animasyonu nasıl azaltılır. GIF Animasyonlarını Yeniden Boyutlandırma

Şu anda okuyan herkese merhaba. Bugün size bir web sitesine eklemek için kaliteyi kaybetmeden bir resmin, ekran görüntüsünün, fotoğrafın, Gif animasyonunun boyutunu (ağırlığını) azaltmanın birkaç yolunu anlatacağım.

Görüntü boyutunu farklı şekillerde küçültme

Her resim veya resim, ona ne derseniz deyin;), birkaç andan oluşan kendi boyutuna sahiptir, bunlar yükseklik-dikey, genişlik-yatay (px) ve ağırlık - kilobayt (KB), megabayttır (MB).

Resmin boyutunun (ağırlığının) küçültülmesi, 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 yer tasarrufu sağlamaya yardımcı olacaktır.

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

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

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

• 1. Aç yeni dosya yardım ile photoshop programları ve ardından "Web için Kaydet"i tıklayın.
• 2. Gerekli parametreleri ayarladığımız yeni bir pencere açılır: görüntünün kalitesi, biçimi ve boyutları.

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. İstenen kalite bir kılavuz görevi görebilir. Önizleme penceresinde görüntünün ne kadar değişeceğini kontrol edin.

Resim formatına gelince, eğer jpeg ise kaydetmeyi seçiyorum. renkli fotoğraf ve katmanın şeffaflığını veya siyah beyaz bir ekran görüntüsünü kaydetmeniz gerekiyorsa, kural olarak bu png formatı böylece üzerindeki yazı ve rakamlar daha net okunabilir. Photoshop konusunda şunu okuyun: bu programı kullanma.

Uygun olan aynı pencerede görüntü boyutunu (piksel cinsinden) değiştiriyorum. "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. Ancak bu hizmetler, üretkenliği etkileyen kalite kaybı olmadan birkaç (toplu) görüntünün aynı anda sıkıştırılmasına yardımcı olur. Bunlar iyi bilinen hizmetlerdir krakin.io, TinyPNG; sıkıştırma png ve diğerleri.

Size bir tane daha anlatacağım - bu, test ettiğim ve sonuçları gerçekten beğendiğim Optimizilla. sen de dene

Ekran görüntüsü sistemin yüklendiğini gösteriyor jpeg fotoğraf 60 KB ağırlığında. Hizmet, onu otomatik olarak %39 oranında 37 KB'ye sıkıştırdı, ancak görsel olarak kalite pratikte etkilenmedi.

Kullanışlı bir kaydırma çubuğu veya [+ -] işaretleri yardımıyla görüntü kalitesiyle oynayabilirsiniz; fotoğrafı yakınlaştırın ve sıkıştırmadan sonra kaydetmeden önce tüm ayrıntıları bir kez daha düşünün. Bu, yüksek kaliteli ürün resimlerinin önemli olduğu bir fotoğrafçı portföyü, seyahat, kadın kaynakları, çevrimiçi mağazalar içeren 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 genişliğini ve yüksekliğini yeniden boyutlandırma işlemi, bence bugün artık kimse için zor değil. Bunu hem çevrimiçi hem de standart olarak yapabilirsiniz. grafik editörü Paint veya daha uygun Paint.NET.

Programda yeni bir dosya açın, "Yeniden Boyutlandır" ı tıklayın, orantıları korurken piksel cinsinden olduğuna dikkat edin. TAMAM.

Çevrimiçi bir Gif görüntüsünün ağırlığını değiştirme

Makalenin bu bölümünde size yalnızca JPEG, PNG, SVG'deki görüntüleri değil, aynı zamanda Gif'teki görüntüleri de hızlı bir şekilde nasıl sıkıştıracağınızı anlatacağım. Gif'ler oldukça ağırdır, bu nedenle animasyonu ve ek çabayı kaybetmeden gif görüntülerinin ağırlığının nasıl azaltılacağına dair birçok talep vardır).

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

Compressor.io, dosyalarınızın boyutunu önemli ölçüde azaltmak için güçlü bir çevrimiçi araçtır. dijital fotoğraflar ve gif animasyonları. Yüksek kaliteli görüntüler kaydetmenize olanak tanır, iki tür sıkıştırma kullanır, burada bir fark vardır ve sıkıştırmadan önce ve sonra hiçbir fark yoktur. Hizmetlerini bu şekilde karakterize ediyorlar ve ana sayfa bu doğrulanabilir.

Gif animasyonu sıkıştırma örneği için ekran görüntüsüne bakın. Optimize edilmiş bir görüntüyü size uygun bir şekilde indirebilirsiniz: bir bilgisayara, Dropbox'a kaydedin, Google sürücü(drive.google.com).

• ikinci servis Çevrimiçi Görüntü İyileştirici.

Hizmetin adı kendisi için konuşur. Online Image Optimizer kolayca optimize eder farklı formatlar Gif animasyonu dahil görüntüler. Sadece resmi yükleyin ve "Optimize Et"i tıklayın. bunlara ek olarak Çevrimiçi servis Görüntü Optimize Edici, yalnızca bir site için hızlı bir şekilde bir favicon oluşturmaya yardımcı olmakla kalmaz, aynı zamanda cephaneliğinde birçok yararlı çevrimiçi araca sahiptir.

• Üçüncü yol ise bir uygulama programıdır. Süper GIF macOS ve Windows için.

satın alabilirsin Ücretli sürüm SuperGIF veya işlevsellikte küçük kısıtlamaların olduğu ücretsiz bir demo indirin.

2019-04-04

Çeşitli siteleri ziyaret ederek, her biriniz okuyucuların dikkatini çeken parlak, zıplayan gif resimleriyle tanıştınız.

Birini kendim kullandım - abonelik formuma dikkat çektim.

Ancak gif animasyonu çok ağır olduğundan blogun kullanıcının bilgisayarına yüklenmesini yavaşlatır.

Bu sorun, blogumun yükleme hızını kontrol ederken speedpage hizmeti tarafından bana nazikçe bildirildi. Sadece html'deki boyutlarını küçültmekle kalmayıp görüntünün kendisini değiştirmem önerildi.

Normal resimlerle iyiyim, bloga yüklemeden önce onlara sahibim.

Bir sitede bir gif resmi gördünüz, beğendiniz, kenar çubuğuna (widget'lar) eklemek istediniz:

• görüntüyü bilgisayarınıza bir klasöre (belgeye değil) sürüklemeniz yeterlidir. Daha sonra interneti kullanarak açın ve resim kodunu alın;
• veya açmak için sağ tıklayın kaynak sayfasında, resim kodunu bulun ve kopyalayın (Ctrl + F, gif'i açılan satıra yapıştırın).

Çevrimiçi gif boyutu nasıl azaltılır

GIF görüntüsünün boyutunu her zamanki gibi küçültün - içinde Microsoft Office resim yöneticisi veya Boyama başarısız oldu, resim atlamayı durdurdu.

Gerçek şu ki, gif animasyonu bir arşivde (film şeridi) paketlenmiş bir dizi görüntüdür. Microsoft Office Picture Manager veya Paint'te yeniden boyutlandırırken, bazı görüntüler kayboluyor ve geriye yalnızca bir tane kalıyor.

Bu nedenle, http: // ru.toolson.net/ hizmetine gidiyoruz. Çevrimiçi gif'i yeniden boyutlandırmanıza ve gif'i sıkıştırmanıza olanak tanır. Ayrı bir SIKIŞTIR işlevi yoktur, ancak boyut küçültüldüğünde görüntünün ağırlığı da otomatik olarak azalır. Resmi orada da kırpabilirsiniz.

Gif'i DEĞİŞTİR sekmesine gidin.

İlk başta, GIF animasyonunu yeniden boyutlandırmaya çalıştım:

bilgisayarımda bir dosya SEÇİLDİ (boyutu hızlı sayfa hizmetinden memnun olmayan bir zıplayan ok);

YÜKLENEN animasyon;

yeni bir genişlik ve yükseklik (daha küçük) SEÇİN;

Değiştirilen dosyayı İNDİRİN.

Beğenmedim, olmadı.

Zip arşivindeki storyboard gif

STORYBOARD düğmesine tıklayın, dosya indirilecektir.

PAKETİNİ AÇ zip arşivi ayrı bir klasöre.

HER görüntüyü tutarlı bir şekilde işleyin Boyama programı. Burada ayrıntılı olarak yazdım.

Sana hatırlatıyorum:

Resmi Paint'te AÇIN üst menü RESİM - ESNEME/EĞİM - Küçültme yüzdesini AYARLA - Tamam - KAYDET'i seçin.

Neden Paint programını kullandım?

Microsoft Office Picture Manager aynı yeniden boyutlandırmayı alamadı. Tüm resimler farklı şekillerde küçültüldü, arka plan bile farklı çıktı - bir yerde şeffaf, diğerlerinde şeffaf değil. Bu tür çeşitli öğelerden toplayın güzel gif animasyon çalışmadı.

Ardından CREATE GIF animasyon sekmesine gidin.

YÜKLE düğmesine tıklayın, işlenen tüm öğeleri sırayla yükleyin (on tane vardı).

Animasyonun adını girin ve kareler arasındaki aralığı yazın (70 tane var). Burada deneyebilirsiniz Farklı anlamlar. Aralık ne kadar küçük olursa, resim o kadar hızlı atlar. Aralığı değiştirin, kaydedin ve resmin doğru hareket edip etmediğini görün.

Ayrıca istediğiniz ölçüleri belirleyebilir, güzel bir çerçeve oluşturabilir ve önerilen efektleri uygulayabilirsiniz.

Herkes ön izlemeyi beğeniyor mu? CREATE, gif bilgisayara indirilir.

gif animasyonu nasıl döndürülür

Bazen bir gif'i yeniden boyutlandırmanız gerekmez. Sadece beğendiğiniz animasyonu döndürmeniz yeterli. Çevrimiçi nasıl yapılır?

http://inettools.net/ hizmetinde GÖRÜNTÜLERİ DÖNDÜR sekmesini seçin

Bilgisayarınızda bir görsel SEÇİN - YÜKLE

SPECIFY dönüş açısı 90, 180, 270 derece veya özel açı =>

DÖNDÜR gif - Dosyayı İNDİRİN.

Endişelenmeyin, çevrimiçi görüntü biraz büyüyecek ve bulanıklaşacak, ancak bilgisayarınıza doğru biçimde ulaşacaktır.

Bu şekilde gif görüntüsünün boyutunu, ağırlığını azaltmayı (sıkıştırmayı) başardım. Umarım çabalarım blog yüklenme hızını olumlu yönde etkiler. dönüş yeteneği gif animasyonu gelecekte yararlı.

Not: Ne yazık ki, gif resmi yalnızca sayfayı ilk kez ziyaret ediyorsanız doğru şekilde görüntüleniyor. Kaydırıp sonra geri dönerseniz, tarayıcı size sayfanın bir önbelleğini sağlayacaktır. VE gif resmi orada görünmeyecek. Bununla ilgili ne yapılabileceği henüz bilinmiyor.

Not: İçin profesyonel kullanım Photoshop en iyisidir. İşte basit bir tane.

InVision'da GIF animasyonları şakalar için kullanılmaz -   oynarlar önemli rol pazarlama ve eğitim açısından. Bu nedenle ana sayfamızda kod ile yapılan animasyonlar yerine bunları kullanmaya bile çalıştık.

Sonunda insanlar bize "GIF animasyonlarını nasıl oluşturuyorsunuz?" Sırrı açıklamanın zamanı geldi.

GIF resim tasarımı

1. Gizli içerik

Tavsiye: ScreenFlow veya After Effects'i karşılayamıyorsanız, Keynote'ta bir animasyon oluşturun ve bunu video olarak dışa aktarın. Son olarak, Keynote'ta bu özelliğin en azından biraz kullanımı.

2. Daha az renk = daha fazla eğlence

3. Mümkünse hareket bulanıklığı kullanın

4. (bir nevi) tembel olun

GIF animasyonlarını dışa aktarın

5. Yinelenen kareleri kaldırın

Bu işe yaramazsa videoyu yeniden içe aktarmayı deneyin, ancak bu sefer seçeneği belirleyin Her 2 Kareyle Sınırlandırın. Bu, dosya boyutunu büyük ölçüde azaltmalıdır.

Tavsiye: Animasyonunuz 150'den fazla kareden oluşuyorsa, dosya boyutunu küçültmeye çalışırken sorunlar olacaktır.

6. Daha az renk

7. Kayıplı* parametresini değiştirin (kayıp)

*"Kayıplı" (Kayıplı) - kabul edilebilir kayıp seviyesi grafik bilgi V bit eşlem dosyası, azaltmaya izin verir Dosya boyutu Görüntüler

Hiçbirşey değişmedi! Yardım!

Bir tercümandan. Çeviri ile ilgili tüm dilek ve yorumlarınız için lütfen benimle kişisel olarak iletişime geçin. Teşekkür ederim!

Hareketli gifler sosyal medyada oldukça popülerdir ve eğlence sitelerinde sıklıkla bulunabilir. GIF'lerin yardımıyla videodan en başarılı anı gösterebilirsiniz, GIF ekran görüntüleri herhangi bir program veya hizmetteki çalışma aşamalarını açıkça gösterir. Gif ekran görüntüleri, açılır menü gibi site öğelerinin çalışmasını göstermek için de kullanılır. Kurulum için dosyaları indirmeden önce, kullanıcı gif animasyonu aracılığıyla çalışmaları hakkında bilgi sahibi olabilir. Kendi animasyonunuzu oluşturabilir ve yükleyebilirsiniz. komik Resimler bunun için bir android uygulamasına ihtiyacınız var

Bununla birlikte, giflerin de büyük bir dezavantajı vardır - büyük beden, bu konuda bulundukları web sayfalarının indirme hızı önemli ölçüde yavaşlar. Bu eksiklikleri ortadan kaldırmak için GIF animasyonlarını optimize etmenize (boyut küçültmenize) yardımcı olacak araçlar listesine göz atmanızı öneririm.

O'Matic'i Küçültmek

Bu, gif resimlerini optimize etmek için basit bir Windows programıdır. Ayrıca resimlerle döndürme, yeniden boyutlandırma, dosya adını ve konumunu değiştirme gibi basit işlemleri gerçekleştirme yeteneğine de sahiptir. toplu işleme. İşleme için mevcut formatlar: GIF, JPEG, PNG.

Görüntü Optimizasyonu

Bu program Mac platformunda çalışır. Kalite kaybı olmadan gif'i% 60-80'e kadar ve daha yükseğe sıkıştırmak için tasarlanmıştır.

FileOptimizer, gelişmiş bir gif animasyonu sıkıştırma aracıdır. Programın basit bir arayüzü vardır, bu nedenle hem yeni başlayanlar hem de deneyimli kullanıcılar tarafından kullanılabilir.

Desteklenen diğer biçimler: JPEG, PNG, SWF, TIFF, BMP, ICO

Platformlarda çalışır: Windows, Mac OS, Linux

FILEminimizer Resimleri

Tescilli optimizasyon teknolojilerinin bir sonucu olarak görüntü sıkıştırması %98 ve üstüne ulaşır.Gif dosyası sıkıştırmanın 4 seviyesi vardır. Ayrıca program, resimleri doğrudan facebook'a yüklemenize olanak tanır.

Biçimler: JPG, BMP, TIFF, PNG, EMF | platformu : pencereler

İSYAN

Bu programı diğerlerinden daha çok beğendim. GIF sıkıştırmasını yönetebilirsiniz, program kaynak ve çıktı dosyasının boyutunu gösterir, kalite kaybını görsel olarak değerlendirebileceğiniz bir önizleme vardır. Dezavantaj: animasyonlu gif, normal bir statik görüntüye dönüşür.

GIF Optimize Edici

GIF animasyonunu optimize etmek için basit bir program. Programın yalnızca üç düğmesi vardır - aç - bir dosyayı aç, optimize et - optimize et ve Farklı kaydet - farklı kaydet. Ayar menüsünden sıkıştırmayı kontrol edebilirsiniz.

resimler GIF biçimi Photoshop grafik düzenleyicide kolayca açılabilir, eğer kullanabiliyorsanız, o zaman boyutunu değiştirmek zor olmayacaktır. Ve bu editörü kullanamayanlar için bunu anlamak zor olmayacak, menüde Resim -> Resim boyutu bölümü var.

Yeniden boyutlandırmanın en kolay yolu, ücretsiz program alt görünüm. Basit, sezgisel, sadece gif animasyonu ile değil, aynı zamanda herhangi bir resim ile de çalışabilir.

Paint Shop Pro'yu kullanmayı deneyebilirsiniz, bu daha karmaşıktır, tüm kılavuza - kullanım kılavuzuna - hakim olmanız gerekecek.

Yeni başlayanlar için, gif animasyonunda hangi boyutu değiştirmek istediğinizi bilmek güzel olur mu? Bayt - megabayt cinsinden görüntü boyutu (yani, en boy oranı, görüntü genişliği veya yüksekliği vb.) veya dosya boyutu (bazen dosyanın ağırlığını veya hacmini söylerler) içinde bulunan bilgi miktarını azaltır grafik dosyası gif animasyonları, minimum kayıp görüntü kalitesi? Başka bir deyişle - gif dosyasını optimize edin...

değiştirmek için gerçek boyut animasyonlu bir .gif dosyasında resimler (genişlik ve yükseklik), özel problemler bulunmuyor.

en baştan başlayacağım kolay yol, bilgisayarına yüklemek istemeyenler için ek programlar. Bu, İnternette yeterli olan özel çevrimiçi hizmetlerin hizmetlerini kullanmanın bir yoludur. İşte benzer sitelere bazı bağlantılar:

GIF animasyonu oluşturun ve düzenleyin - Toolson.net.GifResizer

Yaratılış ve rötuş animasyonlu GIF'lerçevrimiçi görüntüler - indirgeme-resim.gif-anime

Çevrimiçi GIF animasyonu oluşturun veya düzenleyin - Picasion.com.resize-gif

benzer siteler, GIF - animasyon oluşturabileceğiniz ve kısmen düzenleyebileceğiniz yer, çok var, ancak orada, tüm sitelerde sağlanan hizmetler ve işlevler çok küçük ve neredeyse aynı. Orada çalışmak hiç de zor değil - kendi GIF animasyonunuzu yükleyin ve bir diziyi tutarlı bir şekilde tamamen tamamlayın. basit eylemler. Nasıl ve ne yapmalı - her şey aşamalı olarak boyanır. Hata yapma.

GIF animasyonunun boyutunu (en boy oranını) değiştirmenin ikinci yolu, bunun için oluşturulmuş en basit programları kullanmaktır, örneğin:

ücretsiz program GIF Boyutlandırıcı- isim kendisi için konuşur. Bu çok küçük yardımcı programın tek amacı animasyonlu resimleri .gif formatında yeniden boyutlandırmaktır. ingilizce dili, ancak olanaklarını anlamak çok kolaydır.

Başka bir program, yine ücretsiz - Beneton GIF'leri. Bu programda bir çift için basit adımlar gif animasyonunu yeniden boyutlandırabilirsiniz. Ayrıca bu düzenleyicide, animasyonlu GIF'leri değiştirmek için bazı ek işlemler gerçekleştirebilirsiniz.

GIF animasyonunu düzenlemek için daha gelişmiş prosedürler hem görüntüyü basit bir şekilde yeniden boyutlandırmanıza hem de kırpmanıza ve GIF dosyasını optimize etmenize, yani korurken hacmini azaltmanıza yardımcı olacak daha gelişmiş programların kullanılmasını gerektirecektir. Yüksek kalite Görüntülerken resmin kendisi.

Ayrıca bu tür pek çok program vardır, örneğin:

GIF Film Donanımı- basit ama güçlü bir GIF animasyon düzenleyicisi.

şahin GIF Animatörü - ücretsiz editör gif - animasyonlar, ancak çok iyi özelliklere sahip, benzer lisanslı muadillerinden daha kötü değil.

Kolay GIF Animatörü- İyi özelliklere sahip, kullanımı kolay animasyonlu gif editörü.

EximiousSoft GIF Oluşturucu- neredeyse profesyonel özelliklere sahip çok iyi bir animasyonlu grafik editörü.

GIF İnşaat Seti Profesyonel- biri en iyi programlar animasyonlu oluşturmak ve düzenlemek için gif resimleri. Profesyonel Program. Ama kullanımı hiç de zor değil. E'yi internette bulmak oldukça zor, özellikle de En son sürüm, özellikle bir yerelleştirme ile, bu nedenle, resmi web sitesine bir bağlantıya ek olarak, indirmek için iki bağlantı daha vereceğim torrent izleyici NNM-CLUB(burada eklentisiz sürüm) ve daha fazlasını indirmek için tam versiyon, birçok gerekli eklemeler - GIF İnşaat Seti Pro v3.0a (Yama 40).

Yukarıdaki bağlantılar, bu programları da satın alabileceğiniz geliştiricilerin web sitelerine yönlendirir ... veya Rus İnternetinin yeteneklerini kullanabilirsiniz; zorluk. :)))

hiç - gif animasyon optimizasyonu ayrı bir konudur. Otomatik optimizasyon genellikle somut sonuçlar getirmez ve bu, görüntü kalitesini büyük ölçüde azaltabilir.

GIF'lerin yüksek kaliteli optimizasyonunu gerçekleştirin belki de bu soruda kesinlikle bahsetmeye değer tek bir programda - gif resimleriyle, bunların oluşturulmasından tam düzenlemeye kadar hemen hemen her türlü manipülasyon, tüm zamanların ve insanların en iyi grafik düzenleyicisinde yapılabilir - bir programda adobe photoshop . Bu programda giflerle aklınıza gelen her şeyi yapabilirsiniz...

Genel olarak, bence böyle bir şey :)))

Sana iyi şanslar...

GIF animasyonu kullanılarak yeniden boyutlandırılabilir özel program Toolson.net.GifResizer.

Program yardımıyla GIF'in boyutunu değiştirebilir, büyütebilir, küçültebilirsiniz.

Programı buradan tanıyabilir ve indirebilirsiniz.

Artık gif dosyaları oldukça popüler ve yaygın, pek çok program bu formatın dosya boyutunu değiştirmek, oynatma hızını değiştirmek, kırpmak da dahil olmak üzere bunları işleme yeteneğine sahip. Bu programlardan biri iyi bilinen Photoshop'tur, GIF'i düzenlemenize kolayca yardımcı olur.

GIF görüntüleri, özel çevrimiçi programlar ve yüklenmesi gereken normal programlar ve ayrıca Photoshop kullanılarak yeniden boyutlandırılabilir. Görüntü Photoshop'ta açılmalı ve ardından Görüntü menüsü (Görüntü) açılarak Görüntü Boyutu iletişim kutusunda küçültülmelidir.