تبدیل تصویر به آیکون
یک تصویر را به یک پک کامل آیکون تبدیل کنید
مبدل تصویر به آیکون
یک تصویر آپلود کنید، کادر را تنظیم کنید، سایزهای کوچک را ببینید و سپس کل پک آیکون را با یک کلیک دانلود کنید.
آپلود تصویر
تصویر را بکشید و رها کنید، کلیک کنید یا جایگذاری کنید (Ctrl+V)
JPG, PNG, WebP تا ۲۵ مگابایت — روی دستگاه شما پردازش میشود
برای پیشنمایش مجموعه آیکون، یک تصویر آپلود کنید
تصویر شما هرگز از دستگاه شما خارج نمیشود. کل تبدیل تصویر به آیکون بهصورت محلی اجرا میشود.
پک آیکون شامل چه چیزهایی است
یک تبدیل تصویر به آیکون، همه فایلهایی را که یک وبسایت واقعی نیاز دارد تولید میکند — زبانه مرورگر، صفحه اصلی، اعلان نصب و همه چیز.
favicon چند سایزه
favicon.ico16, 32, 48 px
یک فایل ICO واحد با سه سایز داخلی برای زبانههای مرورگرهای قدیمی، میانبرهای دسکتاپ و سطوح سیستمی.
Apple Touch Icon
apple-touch-icon.png180 x 180 px
آیکون مربع گردگوشهای که iOS هنگام ذخیره سایت شما در صفحه اصلی بازدیدکننده استفاده میکند.
آیکونهای PWA و اندروید
android-chrome-*.png192 و 512 px
PNGهای باکیفیت بالا برای اعلانهای نصب PWA، لانچر اپ و صفحههای اصلی اندروید.
مانیفست و HTML
site.webmanifest + قطعه کدJSON + لینکها
یک وبمانیفست از پیش پیکربندیشده و تگهای لینک دقیق برای جایگذاری در head سند شما.
تبدیل تصویر به آیکون چیست؟
مبدل تصویر به آیکون یک تصویر منبع را به مجموعه کامل فایلهای آیکونی که یک وبسایت نیاز دارد تبدیل میکند — faviconها، آیکونهای اپ و مانیفست.
مبدل تصویر به آیکون یک تصویر منبع واحد را میگیرد و همه فایلهای آیکونی را که یک وبسایت واقعی دارد تولید میکند. مرورگرها برای زبانه، مربع کوچک ۱۶ پیکسلی میخواهند، iOS برای صفحه اصلی Apple Touch Icon ۱۸۰ پیکسلی میخواهد و PWAهای قابل نصب به PNGهای ۱۹۲ و ۵۱۲ پیکسلی بههمراه وبمانیفست نیاز دارند. انجام دستی این کار یعنی تغییر اندازه، نامگذاری و ارجاع دادن به نیمدوجین فایل. ابزار تبدیل تصویر به آیکون همه سایزها را از یک آپلود، روی بوم، در مرورگر شما مدیریت میکند — بنابراین تصویر منبع هرگز از دستگاه شما خارج نمیشود.
- ✓کاملاً روی دستگاه شما اجرا میشود — بدون آپلود، بدون رفتوبرگشت سرور برای تبدیل تصویر به آیکون
- ✓تولید favicon.ico، سایزهای PNG، Apple Touch Icon، آیکونهای PWA، مانیفست و HTML در یک پک
- ✓سه حالت شکل — برش مربعی، جا دادن با حاشیه و کشیدن — تا لوگوهای عریض هم کار کنند
- ✓حاشیه داخلی، گردی گوشه و رنگ پسزمینه قابل تنظیم برای یک کاشی آیکون مرتب
- ✓پیشنمایش زنده در ۱۶، ۳۲، ۱۸۰ و ۵۱۲ پیکسل تا مطمئن شوید سایزهای ریز واضح خوانده میشوند
بهترین سایزها برای خروجی تصویر به آیکون
| سایز | کاربرد رایج |
|---|---|
| 16x16 | زبانههای کوچک مرورگر و نمایش favicon قدیمی. |
| 32x32 | PNG فاوآیکون مدرن و نمایش زبانه با تراکم بالا. |
| 48x48 | میانبرهای دسکتاپ و برخی سطوح سیستمی. |
| 180x180 | Apple Touch Icon برای لینکهای ذخیرهشده صفحه اصلی. |
| 192x192 / 512x512 | آیکونهای نصب PWA و اندروید. |
اگر پیشنمایش ۱۶ پیکسلی سخت خوانده میشود، برش پررنگتر، حاشیه بیشتر یا پسزمینه یکدست را امتحان کنید. یک شکل مرکزی با کنتراست واضح، جهش از تصویر بزرگ به سایزهای آیکون را بسیار بهتر از یک تصویر پیچیده تحمل میکند.
چرا از مبدل تصویر به آیکون استفاده کنیم؟
ساخت دستی فایلهای favicon و آیکون اپ دشوار و مستعد خطاست. این ابزار تبدیل تصویر به آیکون دردهای رایج را درمان میکند.
مشکلات فرآیند دستی تبدیل تصویر به آیکون
تغییر اندازه و نامگذاری دستی
به PNGهای ۱۶، ۳۲، ۴۸، ۱۸۰، ۱۹۲ و ۵۱۲ پیکسلی بهعلاوه یک ICO با نامفایلهای خاص نیاز دارید. انجام این کار فایل به فایل در یک ویرایشگر گرافیکی کُند و مستعد خطاست.
بدون مانیفست یا HTML
حتی بعد از تغییر اندازه، باز هم باید site.webmanifest و تگهای لینک دقیق را بنویسید. یکی را جا بیندازید و آیکون صفحه اصلی یا نصب PWA بیصدا خراب میشود.
آپلودکنندههای آنلاین پرخطرند
بسیاری از سایتهای تبدیل تصویر به آیکون، لوگوی شما را به سرور میفرستند. برای نشان مشتری خصوصی یا محصول منتشرنشده، این یک عامل تعیینکننده است.
چه چیزهایی این ابزار درست انجام میدهد
خصوصی در طراحی
کل تبدیل تصویر به آیکون روی یک بوم در مرورگر شما اجرا میشود. لوگوی شما هرگز هیچجا آپلود نمیشود.
پک آیکون با یک کلیک
favicon.ico، همه سایزهای PNG، Apple Touch Icon، آیکونهای PWA، مانیفست و قطعه کد HTML را در یک ZIP واحد دانلود کنید.
پیشنمایش زنده سایز کوچک
قبل از انتشار دقیقاً ببینید favicon در ۱۶ و ۳۲ پیکسل چه شکلی است — سایزهایی که بیشتر آیکونها در آن شکست میخورند.
شکل، حاشیه، گردی
لوگوهای عریض را به مربع برش دهید، کل نشان را با حاشیه جا بدهید، گوشهها را گرد کنید یا پسزمینه یکدست بگذارید — همه بهصورت زنده.
ICO چندسایزه معتبر
favicon.ico سایزهای ۱۶، ۳۲ و ۴۸ پیکسل را در یک فایل جمع میکند تا مرورگرهای قدیمی، میانبرهای دسکتاپ و نوار آدرس همه آیکون درست را نشان دهند.
رایگان، بدون ثبتنام، بدون واترمارک
صفحه را باز کنید و شروع به تبدیل کنید. بدون حساب، بدون ایمیل، بدون واترمارک روی خروجی.
نحوه تبدیل تصویر به فایلهای آیکون
پنج مرحله سریع از یک تصویر منبع واحد تا یک پک آیکون کامل و آماده استقرار.
آپلود
یک PNG، JPG یا WebP بیندازید. منبع مربع تمیز بهترین نتیجه را میدهد، اما تصاویر عریض هم مناسباند — برای حفظ کامل آنها «جا دادن با حاشیه» را انتخاب کنید.
شکل
برش مربعی، جا دادن با حاشیه یا کشیدن را انتخاب کنید. پیشنمایش زنده هنگام تنظیم کادر برای هر سایز آیکون بهروز میشود.
استایل
حاشیه اضافه کنید، گوشهها را گرد کنید، پسزمینه را شفاف نگه دارید یا برای کاشی آیکون مرتب یک رنگ یکدست انتخاب کنید.
پیشنمایش
قبل از خروجی، پیشنمایش ۱۶ پیکسلی را بررسی کنید. اگر نسخه ریز واضح خوانده شود، آیکونهای بزرگتر اپ هم عالی دیده میشوند.
دانلود
روی دانلود پک آیکون کلیک کنید تا favicon.ico، همه PNGها، مانیفست و قطعه کد HTML را در یک ZIP دریافت کنید.
امکانات تبدیل تصویر به آیکون
همه آنچه برای تبدیل یک تصویر به مجموعه آیکون کامل و آماده استقرار نیاز دارید.
خصوصی، در مرورگر
کل تبدیل تصویر به آیکون روی دستگاه شما اجرا میشود. تصویر منبع شما هرگز هیچجا آپلود نمیشود.
پک آیکون کامل
favicon.ico، سایزهای PNG، Apple Touch Icon، آیکونهای PWA، site.webmanifest و HTML — در یک فایل ZIP واحد.
کنترل شکل و استایل
منبع را برش، جا دهید یا بکشید، سپس حاشیه، گردی گوشه و رنگ پسزمینه را با پیشنمایش زنده تنظیم کنید.
favicon.ico چندسایزه
یک فایل ICO معتبر با فریمهای ۱۶، ۳۲ و ۴۸ پیکسلی، تا هر مرورگری سایز درست را انتخاب کند.
پیشنمایش زنده سایز کوچک
قبل از انتشار، faviconهای ۱۶ و ۳۲ پیکسلی را ببینید تا مطمئن شوید کوچکترین سایزها خوانا میمانند.
مانیفست و قطعه کد HTML
یک وبمانیفست از پیش پیکربندیشده و تگهای لینک آماده جایگذاری — آنها را در head بگذارید و تمام.
خروجی تصویر به آیکون کجا استفاده میشود
هر پروژهای که وبسایت، اپ یا PWA منتشر میکند به مجموعه آیکون نیاز دارد. اینها کاربران پک تصویر به آیکون هستند.
توسعهدهندگان وب
فایلهای تولیدشده را در پوشه public بگذارید و قطعه کد HTML را جایگذاری کنید.
- •سایتهای استاتیک و لندینگ پیجها
- •پروژههای Next.js، Astro و Vite
- •سایتهای مستندات و وبلاگها
ایندی هکرها
favicon و آیکونهای PWA پروژه جانبی خود را در چند دقیقه منتشر کنید.
- •MVPها و عرضه محصول
- •پروژههای جانبی و دموها
- •ارسالهای هکاتون
طراحان
از یک خروجی لوگو، پک آیکون کامل و با نامگذاری درست به مشتری تحویل دهید.
- •تحویل برند به مشتری
- •تحویل دیزاین سیستم
- •نمونه favicon برای بازبینی
آژانسها
مجموعه آیکونهای یکدست در سایتهای متعدد مشتری تولید کنید بدون انجام مجدد کار.
- •راهاندازی چندسایته
- •استقرار وایتلیبل
- •قالب و کیتهای شروع
سازندگان PWA
PNGهای ۱۹۲ و ۵۱۲ پیکسلی بهعلاوه وبمانیفست موردنیاز یک PWA قابل نصب را بگیرید.
- •وباپهای قابل نصب
- •PWAهای آفلاینمحور
- •لانچرهای صفحه اصلی
نگهدارندگان متنباز
با یک مرحله، favicon و آیکونهای اپ را به پوشه public مخزن اضافه کنید.
- •سایتهای GitHub Pages
- •سایتهای مستندات و دمو
- •لندینگ پیج پروژهها
مردم چه میگویند
توسعهدهندگان، طراحان و سازندگان ایندی از این ابزار برای انتشار بیدردسر آیکونها استفاده میکنند.
“قبلاً هر بار پروژه جدیدی راه میانداختم شش PNG را تغییر اندازه میدادم و مانیفست را دستی مینوشتم. حالا یک لوگو میاندازم، حاشیه را تنظیم میکنم و کل پک تصویر به آیکون در چند ثانیه آماده است. پیشنمایش ۱۶ پیکسلی من را از بیش از یک favicon مبهم نجات داده.”
سوفیا آلمیدا
توسعهدهنده فرانتاند
“اینکه در مرورگر اجرا میشود کل دلیلی است که از آن استفاده میکنم. لوگوهای مشتری هیچجا آپلود نمیشوند و باز هم favicon.ico، Apple Touch Icon و آیکونهای PWA را در یک ZIP واحد میگیرم. دقیقاً همان چیزی که یک favicon generator باید باشد.”
یوناس وبر
سازنده ایندی
“الان پک آیکون را از این ابزار به مشتری تحویل میدهم. حالتهای برش و جا دادن لوگوهای عریض را زیبا مدیریت میکنند، گوشههای گرد حرفهای بهنظر میرسند و نامفایلها با انتظارات واقعی توسعهدهندگان مطابق است. تمیزترین فرآیند تبدیل تصویر به آیکونی است که پیدا کردهام.”
می تاناکا
طراح برند
سؤالات متداول تبدیل تصویر به آیکون
پاسخهای سریع درباره مبدل تصویر به آیکون — چه میکند، چگونه کار میکند، حریم خصوصی و قیمت.
یک تصویر آپلود کنید، پک کامل آیکون بگیرید
favicon.ico، سایزهای PNG، Apple Touch Icon، آیکونهای PWA، مانیفست و HTML — یک دانلود، آماده استقرار. برای همیشه رایگان، بدون ثبتنام.