تبدیل HTML به PNG
یک صفحهٔ وب ذخیره‌شده، خروجی داشبورد یا ماکاپ یک کامپوننت را به PNG تبدیل کنید، طوری که هر حرف و هر خط باریک دقیقاً همان‌طور بماند که مرورگر رسم کرده است. عرض پنجره را انتخاب کنید تا چیدمان صفحه با آن تنظیم شود.
تبدیل سند به تصویر
یا فایل‌های DOC, DOCX, DOCM … را اینجا رها کنید ·
حداکثر 95 MB برای هر فایل· تا 20 فایل· حذف پس از 30 دقیقه
فایل‌ها روی سرورهای ما پردازش میشوند و پس از 30 دقیقه حذف میشوند.
همه صفحهها، فقط صفحه اول (برای پیشنمایش یا جلد)، یا یک محدوده را تبدیل کنید.
صفحهها یا اسلایدهای موردنظر برای تبدیل، مثلاً 1-3, 5, 8-10.
فقط برای فایل‌های HTML: عرض پنجره مرورگر که برای نمایش صفحه استفاده میشود. 1280 px یک لپ‌تاپ معمولی است؛ 390 px نمای موبایل را نشان میدهد.
85 متن را در حجمی متوسط واضح نگه می‌دارد. مقادیر پایینتر فایل کوچکتر میسازند اما نوشتههای ریز را محو می‌کنند.
نحوه استفاده از این ابزار
- 1
فایل HTML را اضافه کنید
فایل‌های .html، .htm یا .mhtml را بارگذاری کنید؛ حداکثر ۲۰ فایل در هر دسته و هر فایل تا 95 MB. صفحه‌ای که بهصورت یک فایل MHTML ذخیره شده باشد، تصاویر و استایل‌هایش را درون خود دارد.
- 2
عرض پنجره را تعیین کنید
عرض صفحهٔ HTML از 1280 px شروع میشود. برای نمای گوشی 390 px و برای داشبورد عریض 1920 px را وارد کنید. تبدیل به از قبل روی PNG است و تصاویر روی یک تصویر بلند تنظیم شده است.
- 3
به PNG تبدیل کنید
روی تبدیل به PNG بزنید. اگر صفحه رنگ پسزمینهٔ خودش را ندارد و تصویر قرار است روی طرح‌های دیگر بنشیند، در تنظیمات پیشرفته گزینهٔ پسزمینهٔ شفاف را روشن کنید.
چطور HTML را به PNG تبدیل کنم؟
فایل .html یا .mhtml را بارگذاری کنید، عرض صفحهٔ HTML را برابر صفحه‌ای که می‌خواهید شبیه‌سازی شود بگذارید و روی تبدیل به PNG بزنید. کل صفحهٔ رندرشده بهصورت یک تصویر بدون افت برمی‌گردد.
وقتی متن و خطوط باید واضح بمانند، HTML را به PNG تبدیل کنید
PNG از سال 1996 توصیهنامهٔ W3C است و از فشرده‌سازی بدون افت استفاده میکند؛ بنابراین لبه‌های صاف‌شدهٔ متن 14 px، حاشیه‌های یک‌پیکسلی جدول و کد رنگی دست‌نخورده می‌مانند. به همین دلیل توسعه‌دهندگان PNG را به گزارش باگ پیوست می‌کنند و طراحان در بازبینی‌ها به اشتراک می‌گذارند: کسی لازم نیست حدس بزند لبهٔ تار مشکل CSS است یا اثر فشرده‌سازی.
بهای آن حجم است. صفحه‌ای از متن و رنگ ساده خوب فشرده میشود؛ صفحهٔ پر از عکس نه. اگر تصویر برای چت یا ایمیل است و حجم از وضوح جزئیات مهم‌تر است، JPG فایل کوچک‌تری میدهد. برای مستندات، یادداشت انتشار، داشبورد و راهنمای سبک، PNG پیش‌فرض مطمئن‌تری است.
عرض، چیدمان را تعیین میکند. HTML صفحهٔ ثابتی ندارد: همان فایل در 1280 px طرح سه‌ستونهٔ دسکتاپ و در 390 px یک ستون پشت‌سرهم نشان میدهد. مبدل صفحه را با عرض صفحهٔ HTML که وارد میکنید، از 320 تا 3840 px، چیده و از اولین خط تا فوتر ثبت میکند.
عرض‌های مبدل HTML به PNG برای صفحه‌نمایش‌های رایج
390 × 844 px
گوشی
نمای CSS بسیاری از iPhoneهای جدید؛ چیدمان موبایل را نشان میدهد
820 × 1180 px
تبلت
iPad Air در حالت عمودی؛ بسیاری از سایت‌ها نزدیک این عرض نقطهٔ شکست دارند
1280 × 800 px
لپ‌تاپ
عرض پیش‌فرض این مبدل
1920 × 1080 px
مانیتور Full HD
داشبوردهای عریض و پنل‌های مدیریت
HTML
زبان نشانه‌گذاری ابرمتن (HTML)
HTML زبان نشانه‌گذاری وب است که Tim Berners-Lee در اوایل دهه 1990 آن را توصیف کرد و اکنون WHATWG بهصورت استاندارد زنده نگهداری‌اش میکند. یک فایل HTML عنوان‌ها، پاراگراف‌ها، پیوندها، جدول‌ها، تصاویر و فرم‌ها را توصیف میکند و ظاهر معمولاً از CSS میآید. همه مرورگرها آن را نمایش می‌دهند و برای قالب‌های ایمیل و صفحات ذخیره‌شده وب هم به کار می‌رود. یک فایل HTML اغلب به تصاویر و شیوه‌نامه‌های خارجی وابسته است، پس اگر تنها جابه‌جا شود ممکن است خراب به نظر برسد.
- فشرده‌سازی
- –
- شفافیت
- –
- انیمیشن
- –
- سال معرفی
- 1993 · Tim Berners-Lee; maintained by WHATWG
PNG
گرافیک شبکه‌ای قابل‌حمل
PNG یک فرمت رستری بدون اتلاف است که در سال ۱۹۹۶ توسط PNG Development Group منتشر شد و بعدها W3C و ISO آن را استاندارد کردند. هر پیکسل را دقیقاً حفظ میکند، از شفافیت کامل آلفا پشتیبانی میکند و متن، لبه‌های تیز و رنگهای یکدست را بدون artefact نگه می‌دارد. همین دقت آن را برای اسکرینشات، لوگو، آیکون و گرافیک رابط کاربری مناسب میکند. در عوض حجمش زیاد است: عکس‌هایی که با PNG ذخیره شوند اغلب چند برابر همان عکس با JPEG یا WebP حجم دارند. همه مرورگرها، سیستم‌عامل‌ها و ویرایشگرها فایل‌های PNG را باز می‌کنند.
- فشرده‌سازی
- بدون اتلاف
- شفافیت
- بله
- انیمیشن
- خیر
- سال معرفی
- 1996 · PNG Development Group
وقتی صفحه بیشتر متن، کد، جدول یا اجزای رابط کاربری است، سراغ PNG می‌روند: پیکسل‌های بدون افت، خطوط نازک و حروف ریز را در مستندات، گزارش باگ و بازبینی طراحی که آثار JPG در آن دیده میشود، شفاف نگه می‌دارند.
تبدیل HTML به PNG بدون از دست رفتن استایل‌ها و فونت‌ها
یک فایل .html ساده اغلب به چیزهایی در جای دیگر وابسته است: استایل‌شیت در پوشهٔ css، تصاویر روی سرور اصلی، فونت‌ها از سرویس فونت. وقتی این‌ها نباشند، صفحه به متن بدون استایل با فونت پیش‌فرض برمی‌گردد. ذخیرهٔ صفحه در Chrome یا Edge با گزینهٔ Webpage, Single File یک فایل .mhtml میسازد که استایل‌ها و تصاویر را کنار هم نگه می‌دارد و مطمئن‌ترین چیز برای بارگذاری است.
فونت‌های وب هم از همین قاعده پیروی می‌کنند. فونتی که با @font-face تعریف شده فقط در صورت دسترسی به فایلش بارگذاری میشود؛ فونتی که فقط روی رایانهٔ خودتان هست با فونتی مشابه جایگزین میشود. اگر تایپوگرافی دقیق مهم است، فونت را جاسازی کنید یا پیش از ارسال، نتیجه را بررسی کنید.
عرض ثابت باعث میشود تصویرهای هفتگی یک گزارش کنار هم قابل مقایسه باشند. اگر نتیجه باید برای چاپ متن قابل انتخاب بماند، بهجای آن از تبدیل HTML به PDF استفاده کنید.
پرسش‌های رایج دربارهٔ تبدیل HTML به PNG
آیا تبدیل HTML به PNG از اسکرینشات مرورگر خودم بهتر است؟
اسکرینشات مرورگر فقط آنچه در صفحهٔ نمایش جا میشود را میگیرد، مگر اینکه از ابزار ثبت کل صفحه استفاده کنید، و عرضش هم همان عرض پنجرهٔ شماست. اینجا عرض عددی است که خودتان تعیین میکنید؛ پس دو خروجی که هفتهها با فاصله گرفته شدهاند دقیقاً همخواناند و کل صفحه از اولین خط تا فوتر در آن هست.
چرا حجم PNG چند برابر همان صفحه با فرمت JPG است؟
PNG هر پیکسل را بدون افت ذخیره میکند. متن و رنگهای ساده اینطور خوب فشرده میشوند، اما عکس، گرادیان و پوستر ویدیو نه؛ بنابراین یک صفحهٔ فرود پر از عکس میتواند PNG بزرگی بسازد. برای چنین صفحههایی تبدیل HTML به JPG انتخاب سبکتری است؛ اما برای نمونهکد، نمودار و رابط کاربری معمولاً ارزش تاری تصویر را ندارد.
آیا PNG میتواند بهجای پسزمینهٔ سفید، پسزمینهٔ شفاف داشته باشد؟
بله. پسزمینهٔ شفاف را روشن کنید. شفافیت فقط جایی دیده میشود که خود صفحه رنگ پسزمینه تعیین نکرده باشد؛ پس سایتی که بدنهٔ سفید دارد باز هم سفید درمیآید. این گزینه برای یک کامپوننت یا نشان که بهصورت فایل HTML جداگانه ساخته شده بهتر جواب میدهد.
آیا مبدل، JavaScript صفحه را اجرا میکند؟
محتوایی که اسکریپت هنگام باز شدن صفحه میسازد ممکن است نمایش داده شود، اما هر چیزی که منتظر کلیک، اسکرول یا ورود به حساب باشد نمایش داده نمیشود. اگر نمودار یا جدول فقط بعد از تعامل پدید میآید، صفحه را در مرورگر باز کنید، بگذارید کامل بارگذاری شود و پیش از بارگذاری آن را بهصورت یک فایل ذخیره کنید.
چطور فقط از بخش بالایی یک صفحهٔ طولانی عکس بگیرم؟
تصاویر را روی یک تصویر برای هر صفحه بگذارید و صفحهها را روی صفحهٔ اول تنظیم کنید. بهجای کل طول صفحه، بخش اول به اندازهٔ یک صفحه را میگیرید. برای بریدن دقیق آن در قابی مشخص، بعداً از ابزار برش عکس استفاده کنید.
- تبدیل HTML به JPGتبدیل فایل HTML به JPG: صفحه در پنجرهٔ مرورگر با عرض دلخواه شما رندر و بهصورت یک عکس کامل ذخیره میشود. عرض موبایل و دسکتاپ.
- مبدل HTML به GIFتبدیل فایل HTML یا MHTML به GIF: یک عکس بلند و ثابت از صفحه یا فریمهایی به اندازه صفحه که پشت سر هم پخش میشوند. اثر پالت 256 رنگ بر صفحه.
- تبدیل HTML به PDFتبدیل رایگان فایل‌های .html و .htm به PDF: فاکتور، قالب ایمیل، گزارش خروجی و مستندات. با رعایت CSS چاپ، اندازهٔ صفحه و قواعد شکست صفحه.
- مبدل TXT به JPGتبدیل فایل .txt به JPG: متن با فونت و حاشیهٔ پیش‌فرض روی صفحهٔ سند چیده میشود و هر صفحه یک عکس جدا میشود. برای یادداشت، لاگ و شعر.
- تبدیل PNG به JPGPNG را به JPG تبدیل کنید تا حجم فایل برای ایمیل، فرم و چاپ عکس کم شود. بخشهای شفاف با سفید، سیاه یا هر رنگ دلخواه پر میشوند. تا 20 فایل همزمان.
- تبدیل DOCX به PNGصفحات فایل ورد DOCX را با 72، 150 یا 300 DPI به عکس PNG تبدیل کنید. یک تصویر بدون افت کیفیت برای هر صفحه، انتخاب بازهٔ صفحات، بدون نیاز به Word.