پرش به محتوای اصلی

ساخت GIF متحرک رایگان

چند تصویر را به یک GIF متحرک ترکیب کنید. تأخیر فریم، عرض خروجی، حلقه و کیفیت قابل تنظیم است. کاملاً در مرورگر شما کدگذاری می‌شود.

فایل‌ها را اینجا رها کنید یا برای مرور کلیک کنید

JPG, PNG, WebP, HEIC, HEIF · پردازش روی دستگاه شما

یا Ctrl+V را بزنید تا از کلیپ‌بورد جای‌گذاری شود

می‌توانید چندین فایل را به یکباره رها کنید

مرور فایل‌ها

فایل‌های شما هرگز دستگاهتان را ترک نمی‌کنند. تمام پردازش به صورت محلی در مرورگر شما انجام می‌شود.

کاربردهای رایج

  • تحریک اسکرین شات های آموزشیتوالی اسکرین شات ها را به GIF متحرک تبدیل کنید که جریان کاری مرحله به مرحله را نشان می دهد.
  • GIF نمایش محصول برای صفحات فرودGIF های متحرک ایجاد کنید که محصول شما را در عمل نشان می دهند - در صفحات فرود، README یا پست های اجتماعی جاسازی کنید.
  • Memes و GIF های واکنش ایجاد کنیدتصاویر را به GIF های meme قابل اشتراک برای Twitter، Discord، Slack یا چت های گروهی ترکیب کنید.
  • انیمیشن Stop-Motionانیمیشن های Stop-Motion را از مجموعه عکس اشیاء، خاک رس، نقاشی یا دست ها بسازید.

نحوه کار

کدگذاری GIF به طور کامل در مرورگر شما از طریق gif.js اجرا می‌شود — کدگذار GIF خالص JavaScript با Web Worker برای عملکرد. تصاویر شما هرگز آپلود نمی‌شوند.

  1. 1
    تصاویر متعددی را رها می‌کنید
    هر تصویر در حافظه مرورگر شما بارگذاری می‌شود و توسط دیکدر تصویر تعبیه‌شده مرورگر دیکد می‌شود. آنها در لیست قاب به ترتیب آپلود ظاهر می‌شوند.
  2. 2
    هر قاب روی canvas در عرض انتخاب شده ترسیم می‌شود
    نسبت تصویر از قاب اول محفوظ می‌شود. داده‌های پیکسل canvas به gif.js به عنوان دنباله‌ای از قاب‌ها با تأخیر انتخاب‌شده شما ارسال می‌شود.
  3. 3
    Web Worker GIF را در پس‌زمینه کدگذاری می‌کند
    gif.js یک worker ایجاد می‌کند تا بدون مسدود کردن UI کدگذاری انجام دهد. worker کوانتیزه‌سازی رنگ (کاهش هر قاب به ۲۵۶ رنگ) را انجام می‌دهد و بایت‌های GIF فشرده‌شده با LZW را تولید می‌کند.
  4. 4
    GIF تمام شده برای دانلود ارائه می‌شود
    وقتی کدگذاری تمام می‌شود، می‌توانید انیمیشن را پیش‌نمایش کنید و آن را به صورت محلی ذخیره کنید. Blob فقط در حافظه مرورگر شما نگه داشته می‌شود.

عکس‌های شما هرگز هیچ جای دیگری آپلود نمی‌شوند. worker مربوط به gif.js در مرورگر شما اجرا می‌شود. برای کلاژ عکس‌های شخصی، میم‌های ساخته‌شده از اسکرین‌شات یا محتوای حساس مناسب است.

راهنما

مثال عملی

سه تصویر را که همه 1600×1000 پیکسل هستند رها کنید. فهرست می‌گوید «3 فریم — با ↑/↓ ترتیب را عوض کنید». با تنظیمات پیش‌فرض، «عرض خروجی (480px)» یک GIF به اندازهٔ 480×300 می‌دهد، «تأخیر فریم (200ms)» «5.0 FPS» را نشان می‌دهد و «تکرار GIF» تیک خورده است. لغزنده را حرکت دهید تا «تأخیر فریم (500ms)» و «2.0 FPS» نشان دهد. در کادر کنار فریم 3 عدد 1500 را بنویسید تا آخرین تصویر بیشتر بماند. در «عنوان (اختیاری)» عبارت Day 1 را بنویسید و روی «پایین» بگذارید. «ساخت GIF» را بزنید. دکمه «در حال کدگذاری 60%…» را می‌شمارد، سپس پیش‌نمایشی با «دانلود» و حجم در پرانتز ظاهر می‌شود. فریم‌ها 0.5، 0.5 و 1.5 ثانیه نشان داده می‌شوند، روی هم 2.5 ثانیه، سپس تکرار می‌شوند. فایل با نام animation.gif ذخیره می‌شود. اگر اکنون عرض را تغییر دهید، صفحه می‌گوید «فریم‌ها یا تنظیمات تغییر کردند — برای به‌روزرسانی GIF دوباره کدگذاری کنید.» تا وقتی «دوباره کدگذاری» را بزنید.

کدام تنظیمات را استفاده کنید و محدودیت‌ها

  • فریم‌ها را اضافه کنید، سپس مرتب کنید. ابزار تصاویر JPEG، PNG و WebP را می‌پذیرد؛ عکس HEIC آیفون هنگام افزودن به PNG تبدیل می‌شود. چند تصویر را یک‌جا رها کنید، مرور کنید یا جای‌گذاری کنید، و بعداً بیشتر اضافه کنید: تصاویر جدید به انتهای فهرست افزوده می‌شوند. فهرست می‌گوید «3 فریم — با ↑/↓ ترتیب را عوض کنید»، با پیکان‌های «انتقال به بالا» و «انتقال به پایین» و ضربدر «حذف فریم» در هر سطر. نخستین فریم فهرست شکل کل GIF را تعیین می‌کند. GIF متحرک به‌عنوان فریم پذیرفته نمی‌شود.
  • سرعت را برای همهٔ فریم‌ها تنظیم کنید، سپس برای هرکدام جداگانه تغییر دهید. «تأخیر فریم» از 50 تا 1000 ms با گام‌های 50 است و از 200 ms شروع می‌شود. سطر زیر آن نرخ فریم را نشان می‌دهد: «5.0 FPS» در 200 ms و «20.0 FPS» در 50 ms. کادر کوچک در هر سطر تأخیر را فقط برای همان فریم جایگزین می‌کند. برای استفاده از مقدار سراسری که به‌صورت راهنمای خاکستری نشان می‌دهد آن را خالی بگذارید. پیکان‌هایش از 20 ms شروع می‌شوند و با گام 10 حرکت می‌کنند. به آخرین فریم تأخیر بیشتری بدهید تا پایان انیمیشن بماند.
  • عرض و تناسب را انتخاب کنید. «عرض خروجی» از 100 تا 1200 px با گام‌های 20 است و از 480 شروع می‌شود. ارتفاع از شکل نخستین فریم پیروی می‌کند، پس تصاویر 1600×1000 در 480 می‌شوند 480×300. «تناسب فریم» تعیین می‌کند با تصاویر شکل دیگر چه شود. «شامل» (پیش‌فرض) کل تصویر را نشان می‌دهد و جاهای خالی را با «رنگ پس‌زمینه» پر می‌کند که در ابتدا سفید است. «پوشش» فریم را پر می‌کند و لبه‌ها را می‌برد. «کشیدن» آن را پر می‌کند و تصویر را کج‌ومعوج می‌کند. ناحیه‌های شفاف PNG هم رنگ پس‌زمینه را نشان می‌دهند.
  • حجم فایل را با کیفیت مبادله کنید. GIF هر فریم را ذخیره می‌کند، پس حجمش با تعداد فریم‌ها و عرض بالا می‌رود و کم کردن «عرض خروجی» بیشترین صرفه‌جویی را دارد. لغزندهٔ «کیفیت» از 1 تا 30 است و از 10 شروع می‌شود. صفحه می‌گوید «کمتر = کیفیت بهتر، فایل بزرگ‌تر»، پس 30 کوچک‌ترین و خشن‌ترین فایل را می‌دهد. «تکرار GIF» تیک خورده است که انیمیشن را برای همیشه تکرار می‌کند؛ برای یک بار پخش تیکش را بردارید. کدگذار در حالی که نوار «در حال کدگذاری 40%…» را می‌شمارد از دو کارگر پس‌زمینه استفاده می‌کند.
  • اگر لازم است برای هر فریم عنوان اضافه کنید. «عنوان (اختیاری)» همان سطر متن را روی هر فریم رسم می‌کند. «بالا» یا «پایین» (پایین پیش‌فرض است) و رنگ متن را انتخاب کنید که در ابتدا سفید است. متن همیشه دورخط سیاه دارد تا خوانا بماند. اندازهٔ متن یک‌دوازدهم عرض GIF است و هرگز کمتر از 12 px نیست، و سطر شکسته نمی‌شود: عنوان بلند فشرده می‌شود تا در 94% عرض جا شود. آن را کوتاه نگه دارید.
  • پیش از دانلود پیش‌نمایش را بررسی کنید. پس از «ساخت GIF»، پیش‌نمایش زیر دکمه‌ها ظاهر می‌شود و دکمهٔ «دانلود» حجم را در پرانتز نشان می‌دهد. فایل همیشه با نام animation.gif ذخیره می‌شود. «دوباره کدگذاری» تنظیمات فعلی را یک بار دیگر اجرا می‌کند. اگر پس از کدگذاری تنظیمی را تغییر دهید، فریم‌ها را جابه‌جا کنید یا تأخیر فریمی را عوض کنید، GIF قدیمی با یک یادداشت روی صفحه می‌ماند و دانلود انیمیشن قدیمی را می‌دهد. افزودن یا حذف فریم آن را پاک می‌کند. اسکریپت کدگذار از همین سایت ارائه می‌شود و چیزی بارگذاری نمی‌شود.

مشکلات رایج و راه حل آن‌ها

می‌گوید «ساخت GIF ناموفق بود»
ابزار پیش از شروع همهٔ فریم‌ها را بارگذاری می‌کند و یک تصویر که مرورگر نتواند رمزگشایی کند کل اجرا را متوقف می‌کند. صفحه نمی‌گوید کدام. فریم‌ها را با ضربدر، چندتا چندتا، حذف کنید تا «ساخت GIF» کار کند، سپس تصویر خراب را دوباره به‌صورت JPEG یا PNG ذخیره کنید. پیام دیگر، «بوم در این مرورگر در دسترس نیست»، یعنی مرورگر سطح رسم دوبعدی را که ابزار برای هر فریم لازم دارد به صفحه نداده است. مرورگر دیگری را امتحان کنید.
می‌گوید «banner.gif یک فایل GIF است که این ابزار نمی‌تواند باز کند.»
ناحیهٔ رهاسازی بررسی می‌کند فایل واقعاً چیست، نه فقط نامش. JPEG، PNG و WebP پذیرفته می‌شوند، به‌علاوهٔ HEIC که تبدیل می‌شود. GIF، AVIF و BMP رد می‌شوند، پس GIF متحرک را نمی‌توان فریم کرد. ابتدا تصویر را به یکی از نوع‌های پذیرفته‌شده ذخیره کنید؛ مبدل قالب تصویر می‌تواند این کار را بکند. فایلی که بررسی‌کننده نتواند شناسایی کند به‌جای آن «نوع فایل پشتیبانی نمی‌شود» را با نامش می‌گیرد.
برخی فریم‌ها در کنارها نوار دارند، یا بریده شده‌اند.
این «تناسب فریم» در کار است، و شکل GIF از نخستین فریم فهرست می‌آید. با «شامل»، تصویر با شکل دیگر نوارهایی پر شده با «رنگ پس‌زمینه» می‌گیرد. «پوشش» را انتخاب کنید تا فریم پر شود و لبه‌ها بریده شوند. «کشیدن» نوارها را برمی‌دارد اما تصویر را کج‌ومعوج می‌کند. برای تغییر شکل کلی، تصویری با شکل درست را با «انتقال به بالا» به بالا ببرید و «دوباره کدگذاری» را بزنید.
می‌گوید «فریم‌ها یا تنظیمات تغییر کردند — برای به‌روزرسانی GIF دوباره کدگذاری کنید.»
پس از ساخته شدن GIF، تنظیمی را تغییر داده‌اید، فریم‌ها را جابه‌جا کرده‌اید یا تأخیر فریمی را عوض کرده‌اید. پیش‌نمایش و دکمهٔ «دانلود» هنوز GIF قدیمی را نگه می‌دارند، پس دانلود اکنون انیمیشن قدیمی را می‌دهد. «دوباره کدگذاری» را بزنید تا نمونهٔ جدید ساخته شود. افزودن یا حذف فریم به‌جای آن GIF قدیمی را پاک می‌کند، پس آن موقع این یادداشت را نمی‌بینید.
فایل GIF چند مگابایت است.
حجم از تعداد فریم‌ها، عرض و تنظیم «کیفیت» می‌آید. ابتدا «عرض خروجی» را کم کنید (480 مقدار اولیه است)، سپس «کیفیت» را به سمت 30 ببرید، سپس فریم‌های کمتری به کار ببرید. برای GIFی که از قبل دارید، فشرده‌ساز GIF در این سایت می‌تواند آن را کوچک کند.

مقایسه آن

این ابزار GIF متحرک را فقط از تصاویر ثابت می‌سازد. برای کلیپ از «ویدیو به GIF» استفاده کنید. یک لغزندهٔ «کیفیت»، یک عرض و یک تأخیر فریم دارد و تنظیم پالت، دیترینگ یا بهینه‌سازی ندارد. هر فریم روی رنگ پس‌زمینه نقاشی می‌شود، پس شفافیت حفظ نمی‌شود. نمی‌تواند درون یک فریم رسم، برش یا ویرایش کند، و عنوان یک سطر متن روی همهٔ فریم‌هاست. برنامهٔ انیمیشن رومیزی کنترل دقیق‌تری بر پالت و حجم فایل می‌دهد. GIFها برای آنچه نشان می‌دهند بزرگ‌اند، پس فشرده‌ساز GIF پس از آن می‌تواند کمک کند. در عوض چیزی برای نصب نیست و تصاویر در مرورگر شما کدگذاری می‌شوند.

ابزارهای مرتبط

سؤالات متداول