تبدیل عکس به ICO
از هر عکسی که دارید یک favicon.ico یا آیکون ویندوز بسازید: PNG لوگو، SVG طراحتان، JPG بستهٔ برند یا حتی عکس گوشی. فایل خروجی چند اندازه را در خود دارد. در ادامه می‌خوانید کدام منبع بهترین نتیجه را میدهد و هر پلتفرم چه فایلهای آیکون دیگری لازم دارد.
مبدل عکس
یا فایلهای JPG, JPEG, JPE … را اینجا رها کنید ·
حداکثر 95 MB برای هر فایل· تا 20 فایل· حذف پس از 30 دقیقه
فایل‌ها روی سرورهای ما پردازش می‌شوند و پس از 30 دقیقه حذف می‌شوند.
85 عکسها را از نظر بصری مشابه اصل نگه می‌دارد. فقط وقتی فایل کوچکتر می‌خواهید آن را کمتر کنید.
JPG، BMP و EPS شفافیت ندارند. پیکسلهای شفاف با این رنگ پر می‌شوند.
رنگ هگز پشت پیکسلهای شفاف، مثلاً #FFFFFF.
این قالب فقط یک تصویر را نگه می‌دارد. اگر می‌خواهید انیمیشن حفظ شود خروجی GIF یا WebP را انتخاب کنید.
آیکون چنداندازه‌ای چند وضوح را در یک فایل دارد؛ مرورگرها و سیستم‌عامل‌ها همان را که لازم دارند برمی‌دارند.
ابعاد اصلی را نگه دارید یا یک ضلع را وارد کنید تا نسبت تصویر حفظ شود.
پیکسل برای ضلعی که در بالا انتخاب کردید.
درصدی از ابعاد اصلی.
sRGB برای صفحه نمایش و وب مناسب است. برای چاپ حالت اصلی را نگه دارید؛ سیاه‌وسفید رنگ را حذف میکند.
فقط فراداده است؛ 0 مقدار اصلی را نگه می‌دارد. چاپگرها و برخی درگاه‌ها این عدد را می‌خوانند؛ ابعاد پیکسلی را تغییر نمی‌دهد.
نحوه استفاده از این ابزار
- 1
تمیزترین تصویر منبع را انتخاب کنید
تصویری را که می‌خواهید آیکون شود بارگذاری کنید؛ بهتر است یک لوگو یا نماد مربع‌شکل با اندازهٔ 256 × 256 px یا بزرگتر باشد.
- 2
اندازههای آیکون را روی «همه» بگذارید
در تنظیمات پیشرفته، گزینهٔ اندازههای آیکون روی همه اندازهها (16–256) است. فقط وقتی برنامه‌ای دقیقاً یک اندازه می‌خواهد، یک اندازهٔ مشخص انتخاب کنید.
- 3
تبدیل کنید و آزمایش کنید
روی تبدیل به ICO بزنید، فایل را دانلود کنید و پیش از انتشار، آن را در یک تب مرورگر یا روی دسکتاپ ببینید.
چطور یک تصویر را به آیکون ICO تبدیل کنم؟
یک تصویر مربع‌شکل حداقل 256 × 256 px بارگذاری کنید، اندازههای آیکون را روی همه اندازهها (16–256) نگه دارید و تبدیل به ICO را بزنید. یک فایل می‌گیرید که نسخه‌های 16، 32، 64، 128 و 256 px را در خود دارد و برای favicon.ico یا آیکون میان‌بر ویندوز آماده است.
تبدیل عکس به ICO: از کدام تصویر منبع شروع کنیم
ICO قالب آیکون مایکروسافت و هم‌سن خود ویندوز است. این فرمت یک تصویر نگه نمی‌دارد، بلکه فهرست کوچکی از چند تصویر است و از ویندوز ویستا به بعد بزرگ‌ترین ورودی، یعنی 256 px، میتواند با PNG فشرده شود. مرورگرها این فرمت را در سال 1999 پذیرفتند، زمانی که Internet Explorer 5 شروع کرد از هر سایت /favicon.ico را بخواهد.
چون مبدل تصویر شما را تا 16 px کوچک میکند، منبع تصویر بیش از هر تنظیمی در نتیجه اثر دارد. پیش از بارگذاری، گزینه‌هایتان را رتبه‌بندی کنید و اگر تصویر عریض است اول آن را مربع برش دهید؛ ابزار برش عکس در چند ثانیه قاب 1:1 را تنظیم میکند.
لوگوی وکتور (SVG، EPS، AI)
در هر اندازه از نو رسترایز می‌شود، پس لبه‌ها تیز می‌مانند. بهترین انتخاب، اگر طراحتان بتواند آن را بفرستد.
PNG یا WebP شفاف
پس‌زمینهٔ شفافی را که نوار تب از پشت آن دیده می‌شود حفظ میکند. از 256 px یا بیشتر شروع کنید.
JPG، HEIC یا اسکرین‌شات
کار میکند، اما پس‌زمینهٔ مربعی هم همراه آن می‌آید. آن را پر یا برش دهید تا گوشه‌ها عمدی به نظر برسند.
هر پلتفرم فایل آیکون خود را کجا جست‌وجو میکند
32 × 32 px
favicon.ico (تب مرورگر)
16 و 32 px در تبها و بوکمارک‌ها نمایش داده می‌شوند؛ ICO این صفحه هر دو را پوشش میدهد
256 × 256 px
میان‌بر ویندوز یا فایل .exe
نمای آیکون بزرگ و صفحه‌های با DPI بالا ورودی 256 px را برمی‌دارند
180 × 180 px
apple-touch-icon.png
PNG، نه ICO؛ وقتی کسی سایت را به صفحهٔ اصلی آیفون اضافه میکند استفاده می‌شود
512 × 512 px
آیکون web app manifest
PNG که در manifest.json فهرست می‌شود، در کنار نسخهٔ 192 px، برای وب‌اپ‌های قابل نصب
ANY I
هر تصویر
این ابزار قالب‌های رایج تصویر از جمله JPG، PNG، WebP، HEIC، GIF، BMP و TIFF را می‌پذیرد. قالب به‌طور خودکار از روی فایل تشخیص داده می‌شود، پس لازم نیست بدانید تصویرتان چه نوعی است.
ICO
آیکون ویندوز (ICO)
ICO فرمت آیکون مایکروسافت است که برای آیکون برنامه‌های ویندوز و favicon وب‌سایت‌ها به کار می‌رود. یک فایل ico. میتواند چند تصویر با اندازههای مختلف مانند 16×16، 32×32، 48×48 و 256×256 پیکسل داشته باشد تا سیستم مناسب‌ترین را برگزیند. هر تصویر میتواند بهصورت بیت‌مپ یا داده PNG ذخیره شود و از شفافیت کامل آلفا پشتیبانی میکند. ICO برای عکس یا تصاویر بزرگ ساخته نشده است. مرورگرها، ویندوز و بیشتر ویرایشگرهای آیکون آن را می‌خوانند.
- فشرده‌سازی
- بدون اتلاف
- شفافیت
- بله
- انیمیشن
- خیر
- سال معرفی
- Microsoft
مردم یک تصویر دلخواه را به ICO تبدیل می‌کنند چون تب مرورگر، میان‌بر ویندوز یا نصاب برنامه یک فایل .ico می‌خواهد و تنها طرح در دسترس یک لوگو، اسکرین‌شات یا عکس در فرمتی دیگر است؛ استخراج PNG از ICO کار برعکس و بازیابی طرح است.
آزمون خوانایی در 16 px پیش از تبدیل به ICO
در 16 × 16 px یک آیکون در کل 256 پیکسل دارد. یک نوشتار کامل به لکهٔ خاکستری تبدیل می‌شود؛ یک حرف یا نماد درشت می‌ماند. پیش از تبدیل، تصویر منبع را در هر نمایشگری به 16 px کوچک کنید و بپرسید آیا آن را میان 30 تب باز تشخیص می‌دهید.
کنتراست به اندازهٔ شکل اهمیت دارد. تبها روی پوسته‌های روشن و تیرهٔ مرورگر قرار می‌گیرند، پس یک لوگوی مشکی روی پس‌زمینهٔ شفاف میتواند در حالت تیره ناپدید شود. یک خط دور روشن و نازک یا یک مربع گوشه‌گرد توپر پشت نماد، آن را در هر دو حالت قابل‌دیدن نگه می‌دارد. برای بستهٔ اپ‌های macOS به ICNS نیاز دارید؛ PNG به ICNS همان طرح را به آن فایل تبدیل میکند.
پرسش‌های رایج دربارهٔ تبدیل عکس به ICO
در این صفحه کدام فرمت‌های عکس را می‌توان به ICO تبدیل کرد؟
هر تصویری که مبدل بتواند بخواند: از جمله PNG، JPG، SVG، WebP، AVIF، HEIC، GIF، BMP، TIFF، PSD و RAW دوربین. PNG شفاف یا SVG لبه‌های تمیزتری میدهد؛ JPG هم کار میکند اما پس‌زمینهٔ مستطیلی‌اش را هم همراه می‌آورد.
آیا favicon.ico کافی است یا فایلهای آیکون دیگری هم لازم است؟
فایل .ico برای تبها و بوکمارکهای مرورگر در همهجا کافی است. آیفون و آیپد دنبال یک PNG با اندازهٔ 180 × 180 px و نام apple-touch-icon میگردند، و Chrome فقط وقتی نصب سایت بهصورت اپلیکیشن را پیشنهاد میدهد که web manifest آن آیکونهای PNG با اندازهٔ 192 و 512 px را فهرست کرده باشد.
آیا ویندوز به تصویر 48 px درون فایل ICO نیاز دارد؟
نمای آیکون متوسط در File Explorer آیکونها را با 48 px نمایش میدهد. اگر فایل ورودی 48 px نداشته باشد، ویندوز نزدیکترین اندازهٔ بزرگتر، یعنی تصویر 64 px، را کوچک میکند که معمولاً برای طرحهای درشت خوب به نظر میرسد. خطوط ظریف ممکن است محو شوند.
آیا یک فایل ICO میتواند در 16 px و 256 px طرح متفاوتی نشان دهد؟
این فرمت اجازه میدهد و آیکونهای سیستمی هم برای اندازههای کوچک اغلب طرح سادهشدهای دارند. این مبدل یک تصویر را به همهٔ اندازهها تبدیل میکند. اگر نسخهٔ 16 px شما طرح جداگانهای لازم دارد، آن طرح را جدا خروجی بگیرید و با اندازههای آیکون روی 16 px تبدیل کنید.
پیش از تبدیل، چطور مطمئن شوم آیکونم در 16 px خوانا است؟
آن را در هر ویرایشگری به 16 px کوچک کنید و با بزرگنمایی 100% ببینید. اگر نمیتوانید تشخیص دهید چیست، از جزئیات بکاهید: شعار را حذف کنید، حرف اول یا نماد را نگه دارید و خطوط نازک را ضخیم کنید.
فایل favicon.ico را کجای وب‌سایتم باید بارگذاری کنم؟
آن را در ریشهٔ سایت بگذارید تا از /favicon.ico در دسترس باشد، چون مرورگرها حتی وقتی هیچ تگی به آن اشاره نکرده باشد این نشانی را درخواست می‌کنند. با تگ link و rel="icon" در head صفحه می‌توانید آن را جای دیگری قرار دهید.