PixRinseНа скріншотах показано англійську програму. Попередньо встановлені назви та елементи керування також доступні мовою програми.
Ваша відправна точка
Використовуйте Набір Favicon в PixRinse, а потім перевірте ці налаштування на фактичне призначення.
| Фавікон PNG | 16 / 32 / 48 px |
|---|---|
| Apple Торкніться PNG | 180 px |
| PNG файлів веб-додатків | 192 / 512 px |
| Колір | sRGB |
Як це зробити
Підготуйте квадратну позначку джерела
Використовуйте джерело принаймні такого розміру, як найбільша потрібна вам піктограма. Спростіть дрібні деталі, які можуть зникнути на 16 px.
Виберіть Набір Favicon
Перегляньте шість розмірів. У шаблоні використовується правило покриття по центру, тому неквадратне джерело може бути обрізано.
Огляньте найменші виходи
Перевірте фактичний розмір файлів 16 і 32 px. Автоматичне змінення розміру не може замінити навмисне оптичне коригування складної торгової марки.
Експортуйте зображення та додайте посилання на них у код свого веб-сайту
Додайте файли PNG на свій веб-сайт і посилайтеся на відповідні розміри в заголовку HTML та маніфесті веб-програми.
ФАЙЛИ З ЦЬОГО ПРОХОДЖЕННЯ
Що дав цей приклад
Квадратна позначка 1024 × 1024 створює шість PNG без попередження про неквадратне джерело. Кожен експортований файл містить профіль sRGB.
- Квадратне джерело
- 1024 × 1024
- PNG експорт
- 6
- Профіль кольорів
- sRGB на кожному виході
| Файл | Формат | Пікселі | Байти |
|---|---|---|---|
| android-chrome-192x192.png | PNG | 192 × 192 | 26 980 |
| android-chrome-512x512.png | PNG | 512 × 512 | 174 868 |
| apple-touch-icon.png | PNG | 180 × 180 | 23 839 |
| favicon-16x16.png | PNG | 16 × 16 | 692 |
| favicon-32x32.png | PNG | 32 × 32 | 1 751 |
| favicon-48x48.png | PNG | 48 × 48 | 3 093 |
Виміряно на зображених зразках файлів. Ваші результати залежать від ваших оригіналів і налаштувань. У цьому покроковому керівництві використовуються власні твори мистецтва PixRinse на квадратних або прозорих зразках полотен.
Кілька типових запитань
Чи створює це favicon.ico?
Ні. Вбудований набір експортує шість файлів PNG із певними назвами файлів.
Чи працюватиме широкий логотип?
Кращий квадратний джерело. Правило обкладинки може обрізати широке джерело, тому уважно перегляньте попередній перегляд.
Запустіть робочий процес.
Відкрийте PixRinse, додайте кілька зображень і почніть із наведених вище налаштувань.
Завантажити для MacБезкоштовно: до 10 зображень на пакет і один вихід на джерело. Кілька виходів цього робочого процесу потребують Pro. Порівняйте Free & Pro.