تبدیل WebP به ICO
لوگوی شما فقط بهصورت WebP از سایت خودتان یا خروجی طراحی موجود است؟ آن را به favicon.ico تبدیل کنید تا مرورگرها، بوکمارک‌ها و میانبرهای Windows بدون کد اضافه آن را شناسایی کنند.
مبدل عکس
یا فایل‌های JPG, JPEG, JPE … را اینجا رها کنید ·
حداکثر 95 MB برای هر فایل· تا 20 فایل· حذف پس از 30 دقیقه
فایل‌ها روی سرورهای ما پردازش می‌شوند و پس از 30 دقیقه حذف می‌شوند.
85 عکسها را از نظر بصری مشابه اصل نگه میدارد. فقط وقتی فایل کوچک‌تر می‌خواهید آن را کمتر کنید.
JPG، BMP و EPS شفافیت ندارند. پیکسلهای شفاف با این رنگ پر می‌شوند.
رنگ هگز پشت پیکسلهای شفاف، مثلاً #FFFFFF.
این قالب فقط یک تصویر را نگه میدارد. اگر می‌خواهید انیمیشن حفظ شود خروجی GIF یا WebP را انتخاب کنید.
آیکون چنداندازه‌ای چند وضوح را در یک فایل دارد؛ مرورگرها و سیستم‌عامل‌ها همان را که لازم دارند برمی‌دارند.
ابعاد اصلی را نگه دارید یا یک ضلع را وارد کنید تا نسبت تصویر حفظ شود.
پیکسل برای ضلعی که در بالا انتخاب کردید.
درصدی از ابعاد اصلی.
sRGB برای صفحه نمایش و وب مناسب است. برای چاپ حالت اصلی را نگه دارید؛ سیاه‌وسفید رنگ را حذف میکند.
فقط فراداده است؛ 0 مقدار اصلی را نگه میدارد. چاپگرها و برخی درگاه‌ها این عدد را می‌خوانند؛ ابعاد پیکسلی را تغییر نمی‌دهد.
نحوه استفاده از این ابزار
- 1
لوگوی WebP را بارگذاری کنید
فایل .webp را رها کنید، یا حداکثر 20 فایل را یکجا، هر کدام تا 95 MB. یک لوگوی مربع با ابعاد حداقل 256 × 256 px بهترین نتیجه را میدهد.
- 2
همهٔ اندازههای آیکون را نگه دارید
گزینهٔ اندازههای آیکون در بخش تنظیمات پیشرفته روی همه اندازه‌ها (16–256) تنظیم شده است. فایل‌های WebP متحرک از فریم اول استفاده میکنند.
- 3
تبدیل کنید و در سایت خود بارگذاری کنید
روی تبدیل به ICO بزنید، در صورت نیاز نام فایل را به favicon.ico تغییر دهید و آن را در پوشهٔ ریشهٔ وب‌سایت خود قرار دهید.
لوگوهایی که از وب‌سایت‌ها ذخیره می‌شوند این روزها معمولاً WebP هستند. یک تبدیل، آن فایل را به favicon.ico چنداندازه‌ای با پسزمینهٔ شفافِ حفظ‌شده تبدیل میکند.
ساخت favicon.ico از لوگوی WebP
WebP پس از معرفی توسط گوگل در سال 2010 به فرمت پیش‌فرض تصویر بخش بزرگی از وب تبدیل شد؛ وردپرس از نسخهٔ 5.8 در سال 2021 بارگذاری WebP را می‌پذیرد و بسیاری از CDNهای تصویر هر PNG را که ارائه میکنند تبدیل میکنند. به همین دلیل وقتی دنبال لوگوی خودتان می‌گردید، نسخه‌ای که پیدا می‌کنید اغلب .webp است و مولدهای favicon، ویندوز و برخی پنل‌های هاستینگ آن را نمی‌پذیرند.
فرمت ICO مسئلهٔ دیگری را از WebP حل میکند. به‌جای یک تصویر فشرده، چند بیت‌مپ مربع را در یک فایل جمع میکند و مرورگر یا سیستم‌عامل اندازهٔ موردنیاز را برمی‌دارد: 16 px برای تب، 32 px برای نوار وظیفه یا نوار نشانک‌ها و اندازههای بزرگتر برای میانبرهای دسکتاپ و نمایشگرهای با تراکم بالا. تبدیل، همهٔ این اندازه‌ها را یکجا از WebP شما می‌سازد.
خود WebP را برای لوگوی هدر صفحه نگه دارید. این دو فایل جاهای متفاوتی را پر میکنند و تبدیل هیچ تغییری در فایل اصلی ایجاد نمی‌کند.
مبدل چه چیزهایی را در فایل ICO قرار میدهد
- پنج اندازه در یک فایل .ico
- 16–256 px
- فایل WebP در هر دسته
- 20
- حداکثر حجم هر فایل
- 95 MB
- سپس از سرور حذف میشود
- 30 min
WEBP
تصویر WebP
WebP فرمت تصویری است که Google در 2010 برای سریع‌تر شدن بارگذاری صفحات وب منتشر کرد. هم فشردهسازی با اتلاف و بدون اتلاف، هم شفافیت آلفا و هم انیمیشن را در یک فرمت پشتیبانی میکند. فایل‌های WebP با اتلاف معمولاً 25–35% کوچک‌تر از JPEG با کیفیت بصری مشابه‌اند و WebP بدون اتلاف معمولاً از PNG کوچک‌تر است. همه مرورگرهای فعلی از آن پشتیبانی میکنند، اما برخی نرم‌افزارهای دسکتاپ قدیمی، خدمات چاپ و فرم‌های بارگذاری هنوز آن را نمی‌پذیرند. Windows، macOS و بیشتر ویرایشگرهای تصویر امروزی فایل‌های WebP را باز میکنند.
- فشردهسازی
- با اتلاف یا بدون اتلاف
- شفافیت
- بله
- انیمیشن
- بله
- سال معرفی
- 2010 · Google
ICO
آیکون ویندوز (ICO)
ICO فرمت آیکون مایکروسافت است که برای آیکون برنامه‌های ویندوز و favicon وب‌سایت‌ها به کار می‌رود. یک فایل ico. می‌تواند چند تصویر با اندازههای مختلف مانند 16×16، 32×32، 48×48 و 256×256 پیکسل داشته باشد تا سیستم مناسب‌ترین را برگزیند. هر تصویر می‌تواند بهصورت بیت‌مپ یا داده PNG ذخیره شود و از شفافیت کامل آلفا پشتیبانی میکند. ICO برای عکس یا تصاویر بزرگ ساخته نشده است. مرورگرها، ویندوز و بیشتر ویرایشگرهای آیکون آن را می‌خوانند.
- فشردهسازی
- بدون اتلاف
- شفافیت
- بله
- انیمیشن
- خیر
- سال معرفی
- Microsoft
وقتی تنها نسخهٔ نشان برند، همان فایل فشردهٔ ارائه‌شده از وب‌سایت یا CMS است و سایت همچنان به favicon.ico در ریشهٔ خود نیاز دارد، لوگوی WebP باید به ICO تبدیل شود.
آماده‌سازی لوگوی WebP برای زبانهٔ 16 px مرورگر
برش روی نشان
بیشتر لوگوها عریض‌اند. فقط نماد یا حرف اول را نگه دارید و با کمی حاشیه آن را مربع برش دهید.
متن ریز را حذف کنید
شعار و نوشتار برند در 16 px به نویز خاکستری تبدیل میشود. یک شکل پررنگ باقی میماند؛ خطوط نازک نه.
هر دو رنگ تب را بررسی کنید
نتیجه را در تم روشن و تیرهٔ مرورگر ببینید. لوگوی تیره روی پسزمینهٔ شفاف می‌تواند روی تب تیره ناپدید شود.
افزودن فاوآیکون جدید به سایت
favicon.ico را در پوشهٔ ریشه بگذارید تا در yoursite.com/favicon.ico پاسخ دهد. تعریف آن در head صفحه با <link rel="icon" href="/favicon.ico" sizes="any"> انتخاب را صریح میکند، و CMSهایی مثل وردپرس فیلد «Site Icon» خودشان را دارند که این تگ‌ها را برایتان می‌نویسد.
دو آیکون دیگر مجموعه را کامل میکنند. آیفون و آیپد وقتی کسی سایت شما را به صفحهٔ اصلی اضافه میکند از apple-touch-icon، یک PNG با ابعاد 180 × 180 px، استفاده میکنند؛ آن را با WebP to PNG و راهنمای برش ما بسازید. گوگل برای جست‌وجو favicon مربعی می‌خواهد که اندازه‌اش مضرب 48 px باشد، پس یک PNG با اندازهٔ 96 یا 144 px که از صفحهٔ اصلی لینک شده باشد نتایج جست‌وجو را هم پوشش میدهد. مرورگرها favicon را شدیداً کش میکنند؛ برای دیدن فوری نسخهٔ جدید صفحه را در پنجرهٔ خصوصی باز کنید.
پرسش‌های تبدیل WebP به ICO
وقتی لوگوی من WebP است، چرا به فایل .ico نیاز دارم؟
وقتی صفحهای هیچ آیکونی تعریف نکرده باشد، مرورگرها خودشان /favicon.ico را از ریشهٔ سایت شما درخواست میکنند، و میانبرهای ویندوز، مرورگرهای قدیمی و بسیاری از فیلدهای favicon در CMSها ICO یا PNG میخواهند. یک فایل .ico در ریشه بدون هیچ کد اضافهای پاسخگوی همهٔ آنهاست.
آیا بخش شفاف اطراف لوگوی WebP من شفاف باقی میماند؟
بله. WebP و ICO هر دو کانال آلفا دارند، پس پسزمینهٔ شفاف مستقیم به همهٔ اندازههای داخل آیکون منتقل میشود و favicon هم روی تبهای روشن و تیرهٔ مرورگر تمیز دیده میشود.
اگر WebP متحرک بارگذاری کنم چه میشود؟
ICO فقط تصویر ثابت نگه میدارد، بنابراین مبدل از فریم اول استفاده میکند (ورودی متحرک روی فقط فریم اول تنظیم است). اگر فریم اول خالی است یا وسط یک انتقال قرار دارد، منبع دیگری انتخاب کنید.
آیا فشردهسازی با اتلاف WebP در فاوآیکون دیده میشود؟
در اندازههای 16 تا 64 px بهندرت، چون کوچککردن ایرادهای ریز را میانگینگیری و محو میکند. در لایههای 128 و 256 px ممکن است هالهٔ کمرنگی باقی بماند. اگر لوگو بهصورت وکتور هم موجود است، SVG to ICO تمیزترین لبهها را میدهد.
لوگوی WebP من برای فاوآیکون واضح به چه وضوحی نیاز دارد؟
حداقل 256 × 256 px و مربع، تا بزرگترین لایه با کوچککردن ساخته شود نه بزرگکردن. لوگوی 120 px که از هدر یک صفحه ذخیره شده باشد در اندازههای بزرگتر تار دیده میشود.