Піксельний редактор favicon
Малюйте чіткий favicon піксель за пікселем – від 16×16 до 64×64 – або доопрацюйте імпортоване зображення, а потім одним кліком перетворіть його на повний пакет favicon.
Комбінації клавіш і поради
- BОлівець
- EГумка
- GЗаливка
- IПіпетка
- LЛінія
- RПрямокутник
- OЕліпс
- MПеремістити зображення (циклічно)
- XПоміняти місцями основний і додатковий колір
- #/Показати/сховати сітку
- Ctrl+ZСкасувати
- Ctrl+YCtrl+Shift+ZПовторити
- +-0Збільшити, зменшити, вмістити
- ShiftПрямі лінії, ідеальні квадрати й кола
- ←→Зсунути зображення (інструмент «Переміщення»)
- EscСкасувати поточну фігуру
Права кнопка миші малює додатковим кольором. На сенсорних екранах другий палець скасовує поточний штрих.
Як намалювати якісну фавіконку 16×16
Фавіконка зазвичай відображається лише в розмірі 16 або 32 пікселі, тому кожен піксель має значення. Ручне малювання на піксельній сітці дає чіткі краї та повний контроль – чого рідко вдається досягти з автоматично зменшеним логотипом.
Почніть із полотна 16×16 і зберігайте простоту дизайну: одна виразна літера, простий символ або найпізнаваніша частина вашого логотипу. Використовуйте сильний контраст, щоб значок залишався читабельним і на світлих, і на темних вкладках браузера, та стежте за попереднім переглядом під час малювання.
Коли результат вас влаштує, натисніть «Створити фавіконки з цього». Генератор зберігає чіткість пікселів і створює favicon.ico, PNG-значки, Apple touch icons та значки для Android на основі вашого малюнка.
Поради для чітких піксельних фавіконок
- Використовуйте від двох до чотирьох кольорів – надто багато відтінків у малих розмірах перетворюються на шум.
- Залиште відступ в 1 піксель або заповніть увесь квадрат; уникайте фігур, які торкаються лише деяких країв.
- Віддавайте перевагу горизонтальним і вертикальним лініям; діагональні лінії найкраще виглядають під кутом 45 градусів.
- Використовуйте дзеркальний режим для симетричних значків і прозорий колір для наскрізних ділянок.
- Малюйте в 32×32 або 48×48, якщо значок деталізований – більші розміри використовуються на екранах високої роздільності.