UltKit

مبدل HTML به GIF

فایل HTML را در یک موتور مرورگر رندر کنید و آن را به‌صورت GIF ذخیره کنید؛ برای جاهایی که هنوز همین فرمت را می‌خواهند: امضای ایمیل، انجمن‌های قدیمی و فیلدهای سیستم‌های مدیریت محتوای قدیمی‌تر. عرض پنجره را خودتان انتخاب می‌کنید و تعیین می‌کنید که یک عکس بلند بگیرید یا مجموعه‌ای از فریم‌ها به اندازه صفحه.

تبدیل سند به تصویر

یا فایل‌های DOC, DOCX, DOCM … را اینجا رها کنید ·

حداکثر 95 MB برای هر فایل· تا 20 فایل· حذف پس از 30 دقیقه

خروجی

فایل‌ها روی سرورهای ما پردازش می‌شوند و پس از 30 دقیقه حذف می‌شوند.

نحوه استفاده از این ابزار

  1. 1

    فایل HTML را بارگذاری کنید

    فایل‌های .html، .htm یا .mhtml را اضافه کنید؛ حداکثر 20 فایل در هر دسته و هر کدام تا 95 MB. اگر صفحه را با گزینهٔ Webpage, Single File ذخیره کنید، تصاویر و استایل‌ها همراه آن می‌مانند.

  2. 2

    عرض و چیدمان را انتخاب کنید

    عرض صفحهٔ HTML به‌طور پیش‌فرض 1280 px است؛ برای قالب ایمیل 600 px را انتخاب کنید. گزینهٔ تصاویر روی «یک تصویر بلند» یک GIF ثابت می‌سازد؛ اگر آن را روی «یکی برای هر صفحه» بگذارید، فریم‌هایی هم‌اندازهٔ صفحه ساخته می‌شود که پشت‌سرهم نمایش داده می‌شوند.

  3. 3

    به GIF تبدیل کنید

    روی تبدیل به GIF بزنید. اگر GIF باید روی پس‌زمینهٔ رنگی قرار بگیرد، در تنظیمات پیشرفته گزینهٔ پس‌زمینهٔ شفاف را روشن کنید.

تبدیل HTML به GIF ظاهر صفحه را ثبت می‌کند، نه حرکت آن را: مرورگر صفحه را با عرضی که تعیین کرده‌اید رسم می‌کند و نتیجه یا یک GIF ثابت است یا مجموعه‌ای از فریم‌های هم‌اندازهٔ صفحه در یک فایل.

تبدیل HTML به GIF چگونه انجام می‌شود

ابتدا HTML مثل هر صفحهٔ وب و با عرض صفحهٔ HTML تعیین‌شده، از 320 تا 3840 px، چیده می‌شود. استایل‌ها و تصاویر داخل فایل اعمال می‌شوند و فونت‌هایی که در دسترس نیستند با فونت‌های مشابه جایگزین می‌شوند. سپس صفحهٔ رندرشده ثبت می‌شود.

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

خود فرمت محدودیت‌ها را تعیین می‌کند. CompuServe در 1987 فرمت GIF را معرفی کرد و نسخهٔ GIF89a در 1989 تأخیر فریم و رنگ شفاف را اضافه کرد که هنوز همهٔ نمایشگرها از آن پشتیبانی می‌کنند. هر فریم به پالت 256 رنگ محدود است، بنابراین مبدل رنگ‌های صفحه را روی بهترین پالتی که پیدا کند نگاشت می‌کند. متن، آیکون، دکمه و رنگ‌های ساده برند تمیز منتقل می‌شوند؛ عکس‌ها و سایه‌های نرم بیشترین افت را دارند.

محدودیت‌های GIF که برای صفحه وب رندرشده اهمیت دارند

رنگ در هر فریم
256
شفافیت برای هر پیکسل، بدون لبهٔ نرم
روشن/خاموش
صفحه ثبت می‌شود، نه ضبط
ثابت
فایل HTML در هر دسته، هر کدام تا 95 MB
20

تبدیل HTML به GIF: چه انتظاری داشته باشید

باور نادرستGIF صفحه، افکت‌های هاور و انیمیشن‌های آن را نشان می‌دهد.

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

باور نادرستGIF کوچک‌ترین فرمت تصویر برای صفحهٔ وب است.

واقعیتبرای صفحات دارای عکس، JPG یا WebP معمولاً بسیار کم‌حجم‌تر است. GIF فقط برای گرافیک‌های ساده و تخت برتری دارد.

باور نادرستGIF صفحه را از روی آدرس وب‌سایتش برمی‌دارد.

واقعیتمبدل روی فایل HTML که بارگذاری می‌کنید کار می‌کند. ابتدا صفحه را از مرورگر ذخیره کنید، ترجیحاً به‌صورت یک فایل MHTML.

باور نادرستفریم بیشتر GIF را واضح‌تر می‌کند.

واقعیتفریم‌ها طول و حجم فایل را بیشتر می‌کنند، نه جزئیات را. وضوح به عرض صفحه و پالت رنگ بستگی دارد.

HTML

زبان نشانه‌گذاری ابرمتن (HTML)

HTML زبان نشانه‌گذاری وب است که Tim Berners-Lee در اوایل دهه 1990 آن را توصیف کرد و اکنون WHATWG به‌صورت استاندارد زنده نگهداری‌اش می‌کند. یک فایل HTML عنوان‌ها، پاراگراف‌ها، پیوندها، جدول‌ها، تصاویر و فرم‌ها را توصیف می‌کند و ظاهر معمولاً از CSS می‌آید. همه مرورگرها آن را نمایش می‌دهند و برای قالب‌های ایمیل و صفحات ذخیره‌شده وب هم به کار می‌رود. یک فایل HTML اغلب به تصاویر و شیوه‌نامه‌های خارجی وابسته است، پس اگر تنها جابه‌جا شود ممکن است خراب به نظر برسد.

فشرده‌سازی
–
شفافیت
–
انیمیشن
–
سال معرفی
1993 · Tim Berners-Lee; maintained by WHATWG
مبدل HTML

GIF

فرمت تبادل گرافیکی (GIF)

GIF را شرکت CompuServe در سال 1987 معرفی کرد و هنوز پرکاربردترین فرمت برای انیمیشن‌های کوتاه و تکرارشونده است. این فرمت بدون افت کیفیت است، اما در هر فریم به پالت 256 رنگ محدود است؛ برای همین در عکس‌ها و گرادیان‌ها نوارنوار شدن و دیترینگ دیده می‌شود. فقط شفافیت روشن/خاموش (1 بیتی) را پشتیبانی می‌کند که لبه‌های شکل‌های منحنی را دندانه‌دار می‌کند. GIF متحرک اغلب بسیار بزرگ‌تر از همان کلیپ در قالب MP4 یا WebP است. همه مرورگرها، برنامه‌های پیام‌رسان و شبکه‌های اجتماعی GIF را پخش می‌کنند.

فشرده‌سازی
بدون اتلاف
شفافیت
بله
انیمیشن
بله
سال معرفی
1987 · CompuServe
مبدل GIF

وقتی مقصد فقط GIF می‌پذیرد، مثل امضای ایمیل یا پلتفرم‌های قدیمی، یا وقتی می‌خواهند چند فریم از صفحه را در یک فایل بگذارند که بدون پخش‌کنندهٔ ویدیو نمایش داده شود، GIF را برای صفحهٔ رندرشده انتخاب می‌کنند.

پرسش‌های رایج درباره تبدیل HTML به GIF

آیا می‌توان انیمیشن CSS را به GIF متحرک تبدیل کرد؟

خیر. صفحه یک بار رندر و ثبت می‌شود، بنابراین گذارهای CSS، انیمیشن‌های keyframe، ویدیوها و افکت‌های اسکریپتی در همان لحظه ثابت می‌مانند. برای ثبت حرکت، هنگام پخش صفحه از صفحه فیلم بگیرید و فیلم را با تبدیل ویدیو به GIF تبدیل کنید.

چرا گرادیان‌ها و عکس‌ها در GIF دانه‌دانه به نظر می‌رسند؟

هر فریم GIF حداکثر 256 رنگ دارد. صفحه‌ای با گرادیان نرم، سایه یا عکس هزاران رنگ دارد، پس رنگ‌ها با دیترینگ تقریب زده می‌شوند و به شکل لکه یا نوارهای رنگی دیده می‌شوند. طرح‌های ساده و متن خوب حفظ می‌شوند؛ برای صفحات پر از عکس، تبدیل HTML به PNG همهٔ رنگ‌ها را نگه می‌دارد.

چرا لبه‌های GIF شفاف دندانه‌دار به نظر می‌رسند؟

شفافیت در GIF برای هر پیکسل فقط روشن یا خاموش است و شفافیت نیمه‌کاره ندارد. لبه‌های نرم‌شده که با پس‌زمینه ترکیب شده بودند یا به یک رنگ ثابت تبدیل می‌شوند یا حذف می‌شوند و ممکن است روی پس‌زمینهٔ تیره هالهٔ روشنی بماند. اگر GIF به‌هرحال روی پس‌زمینهٔ سفید قرار می‌گیرد، پس‌زمینهٔ سفید را نگه دارید.

آیا امضای ایمیل HTML که به‌صورت GIF ذخیره شده در همه برنامه‌های ایمیل کار می‌کند؟

GIF ثابت تقریباً در همهٔ برنامه‌های ایمیل نمایش داده می‌شود و به همین دلیل سال‌ها برای امضای ایمیل استفاده شده است. GIF متحرک قابل‌اعتماد کمتری دارد: Outlook کلاسیک ویندوز از 2007 تا 2013 فقط فریم اول را نشان می‌دهد، پس محتوای مهم را در فریم اول بگذارید.

چگونه حجم GIF را برای برنامه‌های پیام‌رسان به اندازه کافی کم کنم؟

از عرض صفحهٔ HTML کمتر استفاده کنید یا فقط صفحهٔ اول را تبدیل کنید. اگر نتیجه هنوز از محدودیت بیشتر بود، کاهش حجم GIF برای دیسکورد آن را به سقف مجاز آپلود نزدیک می‌کند.