تبدیل SVG به آیکون
یک لوگوی وکتور می‌تواند همهٔ جایگاه‌های آیکون شما را پر کند: فاوآیکون، میان‌بر ویندوز، برنامهٔ مک و آیکونهای لانچر در گوشی‌ها. این صفحه با یک ICO چندسایزی شروع میشود و می‌توانید برای پلتفرم‌های دیگر آن را به ICNS یا PNG تغییر دهید.
مبدل عکس
یا فایلهای JPG, JPEG, JPE … را اینجا رها کنید ·
حداکثر 95 MB برای هر فایل· تا 20 فایل· حذف پس از 30 دقیقه
فایل‌ها روی سرورهای ما پردازش میشوند و پس از 30 دقیقه حذف میشوند.
85 عکسها را از نظر بصری مشابه اصل نگه می‌دارد. فقط وقتی فایل کوچکتر می‌خواهید آن را کمتر کنید.
JPG، BMP و EPS شفافیت ندارند. پیکسلهای شفاف با این رنگ پر میشوند.
رنگ هگز پشت پیکسلهای شفاف، مثلاً #FFFFFF.
این قالب فقط یک تصویر را نگه می‌دارد. اگر می‌خواهید انیمیشن حفظ شود خروجی GIF یا WebP را انتخاب کنید.
آیکون چنداندازه‌ای چند وضوح را در یک فایل دارد؛ مرورگرها و سیستم‌عامل‌ها همان را که لازم دارند برمی‌دارند.
ابعاد اصلی را نگه دارید یا یک ضلع را وارد کنید تا نسبت تصویر حفظ شود.
پیکسل برای ضلعی که در بالا انتخاب کردید.
درصدی از ابعاد اصلی.
sRGB برای صفحه نمایش و وب مناسب است. برای چاپ حالت اصلی را نگه دارید؛ سیاه‌وسفید رنگ را حذف میکند.
فقط فراداده است؛ 0 مقدار اصلی را نگه می‌دارد. چاپگرها و برخی درگاه‌ها این عدد را می‌خوانند؛ ابعاد پیکسلی را تغییر نمی‌دهد.
نحوه استفاده از این ابزار
- 1
یک SVG مربعی بارگذاری کنید
فایل SVG آرم یا لوگوی خود را اضافه کنید؛ بهتر است viewBox آن مربعی باشد. می‌توانید تا 20 فایل را یکجا اضافه کنید، مثلاً نسخهٔ روشن و تیره.
- 2
فرمت آیکون را انتخاب کنید
ICO با گزینهٔ اندازههای آیکون روی همهٔ اندازه‌ها (16–256) از پیش انتخاب شده است. برای macOS گزینهٔ ICNS را از تبدیل به انتخاب کنید، یا برای آیکون گوشی یا فروشگاه، PNG را با عرض دلخواه در تغییر اندازهٔ تصویر خروجی برگزینید.
- 3
تبدیل کنید و فایل‌ها را در جای خود قرار دهید
روی تبدیل به ICO بزنید (نام دکمه از فرمتی که انتخاب کرده‌اید پیروی میکند)، فایل را دانلود کنید و هر فایل را در جایی بگذارید که پلتفرم مربوط انتظار دارد.
یک فرمت واحد برای آیکون وجود ندارد. ویندوز و مرورگرها از ICO استفاده می‌کنند، macOS از ICNS و گوشی‌ها از مجموعه‌ای از PNGها. شروع از SVG یعنی هر کدام تازه از روی وکتور رسم میشود و در هر اندازه تیز است.
تبدیل SVG به آیکون: یک وکتور، سه نوع فایل آیکون
فایل آیکون ظرفی از چند تصویر بیت‌مپ کوچک است، نه وکتور. سیستمعامل بیت‌مپی را انتخاب میکند که به اندازهٔ موردنیازش نزدیک‌تر است؛ پس آیکون خوب چند بیت‌مپ دارد که هر کدام برای شبکهٔ پیکسلی خودش رسم شده است.
پریست ICO در این صفحه یک فایل با همهٔ اندازه‌ها از 16 تا 256 px مینویسد که favicon.ico و میان‌برهای ویندوز را پوشش میدهد. برای قالب آیکون اپل، تبدیل به را روی ICNS بگذارید، یا برای اندازههای تکی موردنیاز اندروید، iOS و فروشگاه‌ها روی PNG.
جدول زیر آنچه پلتفرم‌های اصلی برای جایگاه‌های آیکون خود اعلام کرده‌اند را نشان میدهد.
| سازمان | الزام | منبع |
|---|---|---|
| دسکتاپ و نوار وظیفهٔ ویندوز | ICO با چند اندازه، از جمله 16، 32، 48 و 256 px | — |
| فاوآیکون وب‌سایت | favicon.ico در ریشهٔ سایت با اندازههای 16، 32 و 48 px؛ یک PNG با اندازهٔ 180 × 180 px برای apple-touch-icon | — |
| آیکون برنامهٔ macOS | ICNS یا asset catalog در Xcode، با اندازه‌ها تا 1024 × 1024 px | — |
| صفحهٔ برنامه در فروشگاه Google Play | PNG 32 بیتی با اندازهٔ 512 × 512 px، حداکثر 1,024 KB | — |
| Apple App Store | PNG با اندازهٔ 1024 × 1024 px و بدون شفافیت | — |
SVG
گرافیک برداری مقیاس‌پذیر
SVG یک فرمت برداری مبتنی بر XML است که W3C در سال 2001 استانداردسازی کرد. به‌جای پیکسل، شکل‌ها، مسیرها و متن را توصیف میکند؛ بنابراین در هر اندازه‌ای شفاف می‌ماند و برای لوگو و آیکن معمولاً بسیار کم‌حجم است. از شفافیت، استایل CSS، اسکریپت و انیمیشن پشتیبانی میکند و همه مرورگرها آن را به‌صورت بومی نمایش می‌دهند. SVG برای عکس مناسب نیست و تصاویر پیچیده ممکن است کند رندر شوند. Illustrator، Inkscape، Figma و مرورگرها می‌توانند آن را باز و ویرایش کنند.
- فشرده‌سازی
- –
- شفافیت
- بله
- انیمیشن
- بله
- سال معرفی
- 2001 · W3C
ICO
آیکون ویندوز (ICO)
ICO فرمت آیکون مایکروسافت است که برای آیکون برنامههای ویندوز و favicon وب‌سایت‌ها به کار می‌رود. یک فایل ico. می‌تواند چند تصویر با اندازههای مختلف مانند 16×16، 32×32، 48×48 و 256×256 پیکسل داشته باشد تا سیستم مناسب‌ترین را برگزیند. هر تصویر می‌تواند به‌صورت بیت‌مپ یا داده PNG ذخیره شود و از شفافیت کامل آلفا پشتیبانی میکند. ICO برای عکس یا تصاویر بزرگ ساخته نشده است. مرورگرها، ویندوز و بیشتر ویرایشگرهای آیکون آن را می‌خوانند.
- فشرده‌سازی
- بدون اتلاف
- شفافیت
- بله
- انیمیشن
- خیر
- سال معرفی
- Microsoft
وقتی یک لوگوی وکتور دارید و باید چند پلتفرم را پوشش دهید، دنبال تبدیل SVG به آیکون می‌گردید؛ هر پلتفرم قالب آیکون خودش را دارد، از favicon.ico در وب‌سایت تا ICNS در مک و PNGهای با اندازهٔ مشخص در فروشگاههای اپلیکیشن.
تبدیل SVG به فایلهای آیکون برای ویندوز، مک، Android و iOS
ICO و اندازههای آیکون را روی همهٔ اندازه‌ها نگه دارید. نتیجه را برای ریشهٔ وب‌سایت favicon.ico نام‌گذاری کنید، یا در پنجرهٔ Change Icon میان‌بر ویندوز آن را انتخاب کنید.
- یک فایل .ico برای تب‌ها، بوکمارک‌ها و نوار وظیفه کافی است
- برای بوکمارک صفحهٔ اصلی آیفون یک PNG با اندازهٔ 180 px اضافه کنید
از تبدیل به گزینهٔ ICNS را انتخاب کنید. این فایل اندازه‌ها تا 256 px را دارد؛ برای بستهٔ برنامه، PNGهای 512 و 1024 px را هم برای Xcode خروجی بگیرید.
- از یک SVG مربعی با کمی حاشیه استفاده کنید
- آیکونهای خود اپل روی یک مربع گوشهگرد قرار دارند؛ اگر این ظاهر را می‌خواهید، آن را در SVG رسم کنید
PNG را انتخاب کنید و عرض را در تغییر اندازهٔ تصویر خروجی برای هر اندازه یک بار تنظیم کنید. صفحهٔ فروشگاه‌ها 512 px برای Google Play و 1024 px برای App Store میخواهد.
- آیکونهای تطبیقی اندروید از لایههای 108 dp با ناحیهٔ امن 72 dp استفاده می‌کنند
- شفافیت را از آیکون App Store حذف کنید
طراحی SVG که در 16 px هم خوانا بماند
یک آیکون 16 × 16 px در مجموع 256 پیکسل دارد. بیشتر برندها یک نشان آیکون جدا نگه می‌دارند، اغلب فقط نماد یا یک حرف، با شکل‌های ضخیم و رنگ‌های کم؛ اگر برند شما هنوز چنین نسخه‌ای ندارد، یک کپی ساده‌شده از SVG برای آیکون‌ها بسازید.
پیش از تبدیل، viewBox را بررسی کنید. viewBox عریض آیکونی با نوارهای خالی بالا و پایین نشان تولید میکند، پس اول آن را مربعی برش دهید؛ راهنمای برش عکس با نسبت دلخواه برش مربعی را توضیح میدهد و تبدیل SVG به PNG پیش‌نمایش بزرگ و سریعی برای ارزیابی طرح میدهد.
پرسش‌های متداول تبدیل SVG به آیکون
تفاوت این صفحه با تبدیل SVG به ICO چیست؟
تبدیل SVG به ICO روی یک فایل .ico برای فاوآیکون و ویندوز تمرکز دارد. این صفحه همهٔ جاهایی را پوشش میدهد که آیکون لازم است، از جمله ICNS برای macOS و فایلهای PNG با اندازهٔ ثابت که اندروید، iOS و فروشگاههای اپلیکیشن میخواهند.
هر سیستمعامل از کدام فرمت آیکون استفاده میکند؟
ویندوز ICO میخواند، macOS فایل ICNS یا مجموعهداراییهایی (asset catalog) را که در Xcode ساخته میشوند، و اندروید و iOS تصاویر PNG را با اندازههای پیکسلی ثابت میپذیرند.
آیا میتوانم همهٔ سایزهای PNG برنامهام را در یک تبدیل بگیرم؟
نه. یک PNG فقط یک اندازه دارد، پس هر تبدیل یک عرض را مینویسد. تغییر اندازهٔ تصویر خروجی را روی یک اندازه بگذارید و تبدیل کنید، سپس عدد را عوض کنید و دوباره تبدیل کنید؛ هر اندازه از روی وکتور تیز رسم میشود.
آیا فایل ICNS این صفحه آیکونهای Retina مک را پوشش میدهد؟
اندازههای 16 تا 256 px را در بر دارد. آیکونهای فعلی برنامههای macOS برای نمایشگرهای رتینا ورودیهای 512 px و 1024 px هم دارند که Xcode یا iconutil اپل از روی PNG میسازد؛ این دو اندازه را اینجا با فرمت PNG خروجی بگیرید و به مجموعه اضافه کنید.
آیا آیکون باید پسزمینهٔ شفاف داشته باشد؟
برای ICO، ICNS و لایههای آیکون راهانداز اندروید، بله: شفافیت به سیستم اجازه میدهد پسزمینهٔ خودش را بکشد. آیکون App Store در iOS استثناست؛ اپل آیکون تبلیغاتی 1024 px دارای کانال آلفا را رد میکند، پس برای آن PNG در SVG پسزمینهٔ یکدست بگذارید.
چرا لوگوی پرجزئیات من در آیکون کوچک به یک لکه تبدیل میشود؟
در 16 یا 32 px جایی برای خطوط نازک یا متن ریز نیست. ضخامت خطوط را طوری زیاد کنید که در کوچک‌ترین اندازه دست‌کم یک پیکسل کامل را بپوشانند و نوشتهٔ لوگو را حذف کنید.
مبدل‌های آیکون بیشتر
- تبدیل SVG به ICOتبدیل SVG به ICO با رندر همهٔ اندازه‌ها از 16 تا 256 px از روی وکتور و حفظ شفافیت. ساخت favicon.ico یا آیکون ویندوز از فایل لوگو.
- تبدیل PNG به ICNSتبدیل PNG به آیکون .icns اپل برای برنامهها، اسکریپتها، DMG و پوشههای مک. خروجی چنداندازه، حفظ شفافیت، بدون نیاز به Xcode.
- تبدیل SVG به PNGلوگو و آیکون SVG را با عرض دلخواه (پیشفرض 1024 px) و پسزمینهٔ شفاف به PNG تبدیل کنید و رابطهٔ DPI با پیکسل را بشناسید.
- تبدیل عکس به ICOهر عکسی را به فایل .ico چنداندازه برای فاوآیکون یا میان‌بر ویندوز تبدیل کنید. PNG، JPG، SVG، WebP، HEIC و بیشتر؛ 16 تا 256 px در یک فایل.
- تبدیل ICNS به PNGآیکونهای .icns مک را آنلاین به PNG تبدیل کنید. بزرگترین تصویر مجموعه، تا 1024 × 1024 px، با شفافیت ذخیره میشود. در ویندوز هم کار میکند.
- تبدیل PNG به ICOتبدیل آنلاین PNG به ICO: یک فایل .ico با همهٔ سایزها از 16 تا 256 px و حفظ شفافیت. برای فاوآیکون و میان‌بر ویندوز. رایگان و بدون ثبتنام.