Jak zamienić PNG na ICO
- Wybierz kwadratowy plik PNG – najlepiej 256 × 256 pikseli lub większy – albo przeciągnij go na stronę.
- Zaznacz potrzebne rozmiary ikon; domyślnie wybrane są 16, 32, 48 i 256.
- Pobierz plik ICO. Obrazy, które nie są kwadratowe, są wyśrodkowywane na przezroczystym tle.
Jakich rozmiarów ikon potrzebujesz?
| Rozmiar | Zastosowanie |
|---|---|
| 16 × 16 | Karty przeglądarki, zakładki i małe widoki list |
| 32 × 32 | Karty na ekranach o wysokiej rozdzielczości, pasek zadań Windows |
| 48 × 48 | Eksplorator plików i pulpit przy standardowym skalowaniu |
| 64 × 64 i 128 × 128 | Widoki dużych ikon i wyświetlacze o wysokim DPI |
| 256 × 256 | Bardzo duże ikony w Eksploratorze plików |
Do favicony strony internetowej wystarczą rozmiary 16, 32 i 48. Do ikony programu lub skrótu w Windows dodaj 256. Każdy rozmiar jest zapisywany w pliku ICO jako PNG – co obsługują wszystkie przeglądarki oraz Windows Vista i nowsze – dzięki czemu przezroczystość zostaje zachowana.
Jak dodać favicon do strony internetowej
Wgraj plik favicon.ico do katalogu głównego swojej strony, np. https://example.com/favicon.ico – przeglądarki automatycznie go tam szukają. Możesz też wskazać go w sekcji <head> swoich stron:
<link rel="icon" href="/favicon.ico" sizes="any">- Dla ekranów początkowych iPhone’a i iPada – PNG 180 × 180:
<link rel="apple-touch-icon" href="/apple-touch-icon.png"> - Dla Androida i instalowalnych aplikacji webowych – pliki PNG 192 × 192 i 512 × 512 wymienione w manifeście aplikacji internetowej.
Najczęściej zadawane pytania
Co to jest plik ICO?
Plik ICO zawiera kilka rozmiarów tej samej ikony, dzięki czemu Windows i przeglądarki mogą wybrać najostrzejszy do każdego miejsca – karty, paska zadań czy dużej ikony na pulpicie.
Czy plik ICO zachowuje przezroczystość?
Tak. Rozmiary są zapisywane jako obrazy PNG z pełną przezroczystością.
Czy mogę przekonwertować JPG lub SVG na ICO?
Tak – przeciągnij dowolny obraz. W przypadku małych ikon SVG użyj konwertera obrazów i ustaw większą wartość w polu Szerokość plików SVG, aby rozmiar 256 pikseli pozostał ostry.
Czy moje pliki są wysyłane na serwer?
Nie. Ikona powstaje w Twojej przeglądarce i nigdy nie opuszcza Twojego urządzenia.