تبدیل PNG به ICO
یک PNG مربعی را به فایل .ico تبدیل کنید که چند سایز آیکون را هم‌زمان در خود دارد، از 16 px برای زبانهٔ مرورگر تا 256 px برای ویندوز. گوشه‌ها و لبه‌های شفاف، شفاف باقی می‌مانند.
مبدل عکس
یا فایل‌های JPG, JPEG, JPE … را اینجا رها کنید ·
حداکثر 95 MB برای هر فایل· تا 20 فایل· حذف پس از 30 دقیقه
فایل‌ها روی سرورهای ما پردازش می‌شوند و پس از 30 دقیقه حذف می‌شوند.
85 عکسها را از نظر بصری مشابه اصل نگه می‌دارد. فقط وقتی فایل کوچکتر می‌خواهید آن را کمتر کنید.
JPG، BMP و EPS شفافیت ندارند. پیکسلهای شفاف با این رنگ پر می‌شوند.
رنگ هگز پشت پیکسلهای شفاف، مثلاً #FFFFFF.
این قالب فقط یک تصویر را نگه می‌دارد. اگر می‌خواهید انیمیشن حفظ شود خروجی GIF یا WebP را انتخاب کنید.
آیکون چنداندازهای چند وضوح را در یک فایل دارد؛ مرورگرها و سیستم‌عامل‌ها همان را که لازم دارند برمی‌دارند.
ابعاد اصلی را نگه دارید یا یک ضلع را وارد کنید تا نسبت تصویر حفظ شود.
پیکسل برای ضلعی که در بالا انتخاب کردید.
درصدی از ابعاد اصلی.
sRGB برای صفحه نمایش و وب مناسب است. برای چاپ حالت اصلی را نگه دارید؛ سیاه‌وسفید رنگ را حذف میکند.
فقط فراداده است؛ 0 مقدار اصلی را نگه می‌دارد. چاپگرها و برخی درگاه‌ها این عدد را می‌خوانند؛ ابعاد پیکسلی را تغییر نمی‌دهد.
نحوه استفاده از این ابزار
- 1
یک PNG مربعی بارگذاری کنید
از تصویری با ابعاد حداقل 256 × 256 px و پس‌زمینهٔ شفاف استفاده کنید. در هر نوبت تا 20 فایل PNG و هر کدام تا 95 MB مجاز است.
- 2
سایزهای آیکون را انتخاب کنید
گزینهٔ اندازههای آیکون به‌طور پیش‌فرض روی همه اندازهها (16–256) است که انتخاب معمول است. فقط زمانی که برنامهای دقیقاً یک اندازهٔ مشخص می‌خواهد، آن را زیر تنظیمات پیشرفته انتخاب کنید.
- 3
تبدیل کنید و از فایل .ico استفاده کنید
روی تبدیل به ICO بزنید، فایل را دانلود کنید و آن را در ریشهٔ سایت قرار دهید یا میان‌بر ویندوز را به آن وصل کنید. فایل‌های بارگذاری‌شده بعد از 30 دقیقه حذف می‌شوند.
ICO یک ظرف کوچک از تصاویر آیکون است، نه یک تصویر واحد: یک فایل می‌تواند نسخه‌های 16، 32، 48 و 256 px را در خود داشته باشد و سیستم مناسب‌ترین را انتخاب میکند.
تبدیل PNG به ICO با چند سایز در یک فایل
فرمت ICO به ویندوز 1.0 در سال 1985 برمی‌گردد، زمانی که آیکونها بیت‌مپ‌های کوچکی بودند. ترفند آن فهرستی در ابتدای فایل است که همهٔ تصاویر داخل را همراه با عرض و ارتفاعشان نام می‌برد. ویندوز ویستا (2007) اجازه داد این تصاویر به‌صورت PNG ذخیره شوند؛ به همین دلیل آیکون 256 × 256 با شفافیت نرم در فایلی به‌اندازهٔ کافی کوچک جا میشود و فوری بارگذاری میشود.
تبدیل PNG در اینجا این ظرف را برایتان می‌سازد. تصویر مبدأ به هر اندازه مقیاس داده میشود، کانال آلفا حفظ میشود تا گوشه‌های گرد و سایه‌های نرم روی پس‌زمینهٔ تیره و روشن درست دیده شوند و همه چیز در یک فایل .ico نوشته میشود. از تصویری با 256 px یا بزرگ‌تر شروع کنید؛ بزرگ کردن PNG با 32 px به 256 فقط آیکونی بزرگ و محو می‌دهد.
16 × 16 px
زبانهٔ مرورگر
زبانه‌ها و بوکمارک‌ها با تراکم پیکسلی استاندارد
32 × 32 px
زبانه در صفحه‌نمایش با DPI بالا
نمایشگرهای رتینا و مقیاس 200% ویندوز
48 × 48 px
نتیجهٔ جست‌وجوی گوگل
گوگل favicon مربعی با مضرب‌های 48 px می‌خواهد
256 × 256 px
آیکونهای Extra large ویندوز
بزرگ‌ترین تصویری که فایل ICO می‌تواند نگه دارد
PNG
گرافیک شبکه‌ای قابل‌حمل
PNG یک فرمت رستری بدون اتلاف است که در سال ۱۹۹۶ توسط PNG Development Group منتشر شد و بعدها W3C و ISO آن را استاندارد کردند. هر پیکسل را دقیقاً حفظ میکند، از شفافیت کامل آلفا پشتیبانی میکند و متن، لبه‌های تیز و رنگ‌های یکدست را بدون artefact نگه می‌دارد. همین دقت آن را برای اسکرین‌شات، لوگو، آیکون و گرافیک رابط کاربری مناسب میکند. در عوض حجمش زیاد است: عکس‌هایی که با PNG ذخیره شوند اغلب چند برابر همان عکس با JPEG یا WebP حجم دارند. همه مرورگرها، سیستم‌عامل‌ها و ویرایشگرها فایل‌های PNG را باز میکنند.
- فشرده‌سازی
- بدون اتلاف
- شفافیت
- بله
- انیمیشن
- خیر
- سال معرفی
- 1996 · PNG Development Group
ICO
آیکون ویندوز (ICO)
ICO فرمت آیکون مایکروسافت است که برای آیکون برنامه‌های ویندوز و favicon وب‌سایت‌ها به کار می‌رود. یک فایل ico. می‌تواند چند تصویر با اندازههای مختلف مانند 16×16، 32×32، 48×48 و 256×256 پیکسل داشته باشد تا سیستم مناسب‌ترین را برگزیند. هر تصویر می‌تواند به‌صورت بیت‌مپ یا داده PNG ذخیره شود و از شفافیت کامل آلفا پشتیبانی میکند. ICO برای عکس یا تصاویر بزرگ ساخته نشده است. مرورگرها، ویندوز و بیشتر ویرایشگرهای آیکون آن را می‌خوانند.
- فشرده‌سازی
- بدون اتلاف
- شفافیت
- بله
- انیمیشن
- خیر
- سال معرفی
- Microsoft
PNG یک تصویر واحد در یک اندازه است، اما ویندوز و مرورگرها فایل .ico می‌خواهند که چند اندازه را در خود دارد تا هر صفحه‌نمایش واضح‌ترین را انتخاب کند؛ تبدیل ICO به PNG فقط استخراج تصویر است.
فاوآیکون یا آیکون ویندوز: چه سایزهایی در ICO قرار دهیم
مرورگرها آیکون زبانه را با 16 px یا در صفحه‌نمایش‌های با DPI بالا با 32 px رسم میکنند و جست‌وجوی گوگل favicon را از پایهٔ 48 px نشان می‌دهد. همه اندازهها را نگه دارید تا یک فایل هر سه را پوشش دهد.
- با نام
favicon.icoدر ریشهٔ سایت ذخیره کنید - یک PNG با ابعاد 180 × 180 را جداگانه برای Apple touch icon اضافه کنید
ویندوز در نوار عنوان از 16 px شروع میکند و برای نمای Extra large icons و دسکتاپهای با DPI بالا تا 256 px را انتخاب میکند. فایلی که 256 px ندارد در این اندازهها محو دیده میشود.
- همه اندازهها را نگه دارید
- آیکون را هم روی نوار وظیفهٔ تیره و هم روشن بررسی کنید
بعضی لانچرهای بازی، پنلهای سرور و برنامه‌های قدیمی فقط تصویر اول را می‌خوانند یا اندازهٔ ثابت می‌خواهند. برای ساخت ICO تکتصویری، 256، 128، 64، 32 یا 16 px را زیر اندازههای آیکون انتخاب کنید.
- از اندازهای که برنامه در مستندات خود ذکر کرده پیروی کنید
- برای آیکون ثابت 256 px به تبدیل PNG به ICO 256x256 مراجعه کنید
آماده‌سازی طرح PNG که در 16 px هم خوانا بماند
ایدهٔ favicon از Internet Explorer 5 در سال 1999 آمد که هنگام بوکمارک کردن سایت دنبال فایلی به نام favicon.ico در ریشهٔ آن می‌گشت. مرورگرهای دیگر این رفتار را تقلید کردند و به همین دلیل درخواست همین مسیر هنوز در لاگ‌های سرور دیده میشود.
در 16 × 16 در مجموع 256 پیکسل وجود دارد، پس طرح باید درشت باشد. شعار و خطوط نازک را حذف کنید، تضاد قوی هم با تم روشن و هم تیره مرورگر داشته باشید و یک پیکسل حاشیه دور شکل بگذارید. بسیاری از برندها فقط حرف اول یا نماد را به کار می‌برند. اگر لوگوی شما فایل وکتور دارد، آن را با تبدیل SVG به ICO تبدیل کنید تا همهٔ اندازهها از خطوط تیز رسم شوند.
پرسش‌های رایج دربارهٔ تبدیل PNG به ICO
چگونه PNG را برای فاوآیکون سایت به ICO تبدیل کنم؟
با انتخاب همه اندازهها تبدیل کنید، نام خروجی را به favicon.ico تغییر دهید و آن را در پوشهٔ ریشهٔ سایت بارگذاری کنید. مرورگرها خودشان این مسیر را درخواست میکنند و میتوانید آن را با تگ link rel="icon" در بخش head صفحه هم معرفی کنید.
چرا آیکون من در 16 پیکسل تار دیده میشود؟
طرحهای پرجزئیات با کوچک شدن به 16 × 16 از بین میروند، چون یک حرف یا خط نازک کمتر از یک پیکسل جا میگیرد. اندازههای کوچک را ساده کنید: یک حرف یا شکل درشت در زبانهٔ مرورگر بهتر از یک لوگوی کامل همراه با متن خوانده میشود.
اگر PNG من مربعی نباشد چه میشود؟
آیکونها مربعاند، بنابراین لوگوی عریض بسته به برنامهای که آن را میخواند یا حاشیه میگیرد یا فشرده میشود. ابتدا PNG را روی بوم مربع برش دهید یا حاشیه اضافه کنید تا خودتان تعیین کنید فضای خالی کجا قرار بگیرد.
آیا میتوانم با فایل .ico آیکون پوشه را در ویندوز تغییر دهم؟
بله. روی پوشه راستکلیک کنید، Properties > Customize > Change Icon را باز کنید و فایل .ico را انتخاب کنید. میانبُرهای دسکتاپ هم از مسیر Properties > Change Icon به همین شکل کار میکنند.
اگر سایتم آیکونهای PNG دارد، باز هم به فایل ICO نیاز دارم؟
مرورگرهای جدید آیکونهای PNG و SVG معرفیشده در head صفحه را میپذیرند، اما بعضی ابزارها، خوانندهٔ فید و مرورگرهای قدیمی هنوز مستقیماً /favicon.ico را درخواست میکنند. یک ICO کوچک چنداندازهای در آن مسیر از خطاهای 404 در لاگها جلوگیری میکند.