Ana içeriğe geç

Ücretsiz Animasyonlu GIF Yapıcı

Birden fazla görüntüyü animasyonlu GIF'e dönüştürün. Ayarlanabilir kare gecikmesi, çıkış genişliği, döngü ve kalite. Tamamen tarayıcınızda kodlanır.

Dosyaları buraya sürükleyin veya göz atmak için tıklayın

JPG, PNG, WebP, HEIC, HEIF · cihazınızda işlenir

veya panodan yapıştırmak için Ctrl+V'ye basın

Aynı anda birden fazla dosya sürükleyebilirsiniz

Dosyalara göz at

Dosyalarınız hiçbir zaman cihazınızı terk etmez. Tüm işlemler tarayıcınızda yerel olarak gerçekleşir.

Yaygın kullanımlar

  • Eğitim Ekran Görüntülerini CanlandırAdım adım iş akışını gösteren animasyonlu GIF'te ekran görüntü dizisini dönüştür.
  • İniş Sayfaları için Ürün Demo GIF'leriÜrününü işlemde gösteren animasyonlu GIF'ler oluştur — iniş sayfaları, README'ler veya sosyal yayınlara gömün.
  • Meme ve Tepki GIF'leri OluşturGörselleri Twitter, Discord, Slack veya grup sohbetleri için paylaşılabilir meme GIF'lerine birleştir.
  • Duraklatılmış Hareket AnimasyonlarıNesneler, kil, çizimler veya eller hakkında bir dizi fotoğraftan duraklatılmış hareket animasyonları oluştur.

Nasıl çalışır

GIF kodlaması tamamen tarayıcınızda gif.js aracılığıyla çalışır — saf JavaScript GIF kodlayıcı performans için Web Worker ile. Görüntüleriniz asla yüklenmez.

  1. 1
    Birden çok görüntü bırakırsınız
    Her görüntü tarayıcının belleğine yüklenir ve tarayıcının yerleşik görüntü kod çözücüsü tarafından çözülür. Kare listesinde yükleme sırasıyla görünürler.
  2. 2
    Her kare seçilen genişlikte bir tuvale çizilir
    En boy oranı ilk kareden korunur. Tuvalin piksel verisi, seçtiğiniz gecikmeyle bir kare dizisi olarak gif.js'ye iletilir.
  3. 3
    Web Worker arka planda GIF'i kodlar
    gif.js, kullanıcı arayüzünü engellemeden kodlamak için bir çalışan oluşturur. Çalışan renk nicemlemesini (her kareyi 256 renge indirgeyerek) yapar ve LZW ile sıkıştırılmış GIF baytları üretir.
  4. 4
    Tamamlanan GIF indirme için sunulur
    Kodlama tamamlandığında, animasyonu önizleyebilir ve yerel olarak kaydedebilirsiniz. Blob sadece tarayıcı belleğinizde tutulur.

Fotoğraflarınız hiçbir yere yüklenmez. gif.js çalışanı tarayıcınızda çalışır. Kişisel fotoğraf kolajları, ekran görüntülerinden mizah görselleri veya hassas içerik için uygundur.

Kılavuz

Çalışılmış örnek

Hepsi 1600×1000 piksel olan üç resim bırakın. Liste “3 kare — ↑/↓ kullanarak sürükleyip yeniden sıralayın” der. Varsayılanlarla “Çıkış genişliği (480px)” 480×300’lük bir GIF verir, “Kare gecikmesi (200ms)” “5.0 FPS” gösterir ve “GIF döngüsü” işaretlidir. Kaydırıcıyı “Kare gecikmesi (500ms)” ve “2.0 FPS” yazana kadar hareket ettirin. 3. karenin yanındaki kutuya 1500 yazın; böylece son resim daha uzun tutulur. “Başlık (opsiyonel)” alanına Day 1 yazın ve “Alt”ta bırakın. “GIF oluştur”a basın. Düğme “Kodlanıyor %60…” diye sayar, sonra “İndir” ve parantez içinde boyutla birlikte bir önizleme belirir. Kareler 0,5, 0,5 ve 1,5 saniye gösterilir, toplam 2,5 saniye, sonra tekrarlanır. Dosya animation.gif olarak kaydedilir. Şimdi genişliği değiştirirseniz sayfa, “Tekrar kodla”ya basana kadar “Kareler veya ayarlar değişti — GIF’i güncellemek için yeniden kodlayın.” der.

Hangi ayarların kullanılacağı ve sınırlar

  • Kareleri ekleyin, sonra sıraya koyun. Araç JPEG, PNG ve WebP resimleri alır; iPhone HEIC fotoğrafı eklerken PNG’ye dönüştürülür. Birkaç tanesini birlikte bırakın, göz atın veya yapıştırın ve daha sonra yenilerini ekleyin: yeni resimler listenin sonuna eklenir. Liste “3 kare — ↑/↓ kullanarak sürükleyip yeniden sıralayın” der ve her satırda “Yukarı taşı” ve “Aşağı taşı” okları ile “Kareyi kaldır” çarpısı vardır. Listedeki ilk kare tüm GIF’in biçimini belirler. Hareketli bir GIF kare olarak kabul edilmez.
  • Tüm kareler için hızı ayarlayın, sonra tek tek geçersiz kılın. “Kare gecikmesi” 50 ms adımlarla 50 ile 1000 ms arasındadır ve 200 ms ile başlar. Altındaki satır kare hızını gösterir: 200 ms’de “5.0 FPS”, 50 ms’de “20.0 FPS”. Her satırdaki küçük kutu yalnızca o karenin gecikmesini geçersiz kılar. Genel değeri kullanmak için boş bırakın; bu değer gri bir ipucu olarak gösterilir. Okları 20 ms’den başlar ve 10’luk adımlarla ilerler. Animasyonun sonunu tutmak için son kareye daha uzun bir gecikme verin.
  • Genişliği ve sığdırmayı seçin. “Çıkış genişliği” 20 px adımlarla 100 ile 1200 px arasındadır ve 480 ile başlar. Yükseklik ilk karenin biçimini izler; bu yüzden 480’de 1600×1000’lik resimler 480×300 verir. “Kare sığdırma”, başka biçimdeki resimlere ne olacağını belirler. “İçine sığdır” (varsayılan) resmin tamamını gösterir ve boşlukları başlangıçta beyaz olan “Arka plan rengi” ile doldurur. “Kapla” kareyi doldurur ve kenarları kırpar. “Uzat” kareyi doldurur ve resmi bozar. Bir PNG’nin saydam alanları da arka plan rengini gösterir.
  • Dosya boyutu ile kaliteyi dengeleyin. Bir GIF her kareyi saklar; bu yüzden boyutu kare sayısıyla ve genişlikle büyür ve “Çıkış genişliği”ni düşürmek en çok tasarruf sağlar. “Kalite” kaydırıcısı 1 ile 30 arasındadır ve 10 ile başlar. Sayfa “Düşük = daha iyi kalite, büyük dosya” der; bu yüzden 30 en küçük ve en kaba dosyayı verir. “GIF döngüsü” işaretlidir ve animasyonu sonsuza kadar tekrarlar; bir kez oynatmak için işareti kaldırın. Çubuk “Kodlanıyor %40…” diye sayarken kodlayıcı iki arka plan çalışanı kullanır.
  • İsterseniz her kareye bir başlık ekleyin. “Başlık (opsiyonel)” her kareye aynı metin satırını çizer. “Üst” veya “Alt” (varsayılan Alt) ve bir metin rengi seçin; başlangıçta beyazdır. Metin okunaklı kalsın diye her zaman siyah bir konturu vardır. Metin boyutu GIF genişliğinin on ikide biridir, hiçbir zaman 12 px’in altına inmez ve satır kaydırılmaz: uzun bir başlık genişliğin %94’üne sığacak şekilde sıkıştırılır. Kısa tutun.
  • İndirmeden önce önizlemeyi kontrol edin. “GIF oluştur”dan sonra önizleme düğmelerin altında belirir ve “İndir” düğmesi boyutu parantez içinde gösterir. Dosya her zaman animation.gif olarak kaydedilir. “Tekrar kodla” geçerli ayarları bir kez daha çalıştırır. Kodlamadan sonra bir ayarı değiştirir, kareleri yeniden sıralar veya bir kare gecikmesini değiştirirseniz eski GIF bir notla ekranda kalır ve indirme eski animasyonu verir. Bir kare eklemek veya kaldırmak ise onu temizler. Kodlayıcı betiği bu siteden sunulur ve hiçbir şey yüklenmez.

Yaygın sorunlar ve nasıl düzeltileceği

“GIF oluşturma başarısız oldu” yazıyor
Araç başlamadan önce her kareyi yükler ve tarayıcının çözemediği tek bir resim tüm çalıştırmayı durdurur. Sayfa hangisi olduğunu söylemez. “GIF oluştur” çalışana kadar karelerden birkaçını çarpıyla kaldırın, sonra bozuk resmi JPEG veya PNG olarak yeniden kaydedin. Farklı bir ileti olan “Canvas bu tarayıcıda kullanılamıyor”, tarayıcının sayfaya, aracın her kare için gereksindiği 2B çizim yüzeyini vermediği anlamına gelir. Başka bir tarayıcı deneyin.
“banner.gif bir GIF dosyası; bu araç onu açamıyor.” yazıyor.
Bırakma alanı bir dosyanın yalnızca adına değil, gerçekte ne olduğuna bakar. JPEG, PNG ve WebP kabul edilir, bir de dönüştürülen HEIC. GIF, AVIF ve BMP reddedilir; bu yüzden hareketli bir GIF kare olarak kullanılamaz. Resmi önce kabul edilen türlerden biri olarak kaydedin; Görsel Biçim Dönüştürücü bunu yapabilir. Denetleyicinin tanımlayamadığı bir dosya bunun yerine adıyla birlikte “Dosya türü desteklenmiyor” alır.
Bazı karelerin yanlarında çubuklar var veya kesilmişler.
Bu “Kare sığdırma”nın işidir ve GIF’in biçimi listedeki ilk kareden gelir. “İçine sığdır”da başka biçimdeki bir resim, “Arka plan rengi” ile doldurulan çubuklar alır. Kareyi doldurmak ve kenarları kırpmak için “Kapla”yı seçin. “Uzat” çubukları kaldırır ama resmi bozar. Genel biçimi değiştirmek için doğru biçimdeki bir resmi “Yukarı taşı” ile en üste taşıyın ve “Tekrar kodla”ya basın.
“Kareler veya ayarlar değişti — GIF’i güncellemek için yeniden kodlayın.” yazıyor.
GIF yapıldıktan sonra bir ayarı değiştirdiniz, kareleri yeniden sıraladınız veya bir kare gecikmesini değiştirdiniz. Önizleme ve “İndir” düğmesi hâlâ eski GIF’i tutar; bu yüzden şimdi indirmek eski animasyonu verir. Yenisini oluşturmak için “Tekrar kodla”ya basın. Bir kare eklemek veya kaldırmak eski GIF’i temizler; bu durumda bu notu görmezsiniz.
GIF dosyası birkaç megabayt.
Boyut; kare sayısından, genişlikten ve “Kalite” ayarından gelir. Önce “Çıkış genişliği”ni düşürün (başlangıç değeri 480), sonra “Kalite”yi 30’a doğru çekin, sonra daha az kare kullanın. Zaten elinizde olan bir GIF için bu sitedeki GIF Sıkıştırıcı onu küçültebilir.

Nasıl karşılaştırılır

Bu araç hareketli GIF’i yalnızca durağan resimlerden oluşturur. Bir klip için Videodan GIF’i kullanın. Bir “Kalite” kaydırıcısı, bir genişlik ve bir kare gecikmesi vardır; palet, renk titreştirme veya iyileştirme ayarları yoktur. Her kare arka plan rengi üzerine boyanır, bu yüzden saydamlık korunmaz. Bir karenin içinde çizemez, kırpamaz veya düzenleyemez ve başlık tüm karelerde tek satırlık metindir. Bir masaüstü animasyon programı palet ve dosya boyutu üzerinde daha ince denetim sunar. GIF’ler gösterdiklerine göre büyüktür, bu yüzden GIF Sıkıştırıcı sonradan yardımcı olabilir. Karşılığında kurulacak bir şey yoktur ve resimler tarayıcınızda kodlanır.

İlgili araçlar

Sık sorulan sorular