Jak zmieniać rozmiar obrazów na stronę - właściwe wymiary do każdego zastosowania
Serwowanie zbyt dużych obrazów to przyczyna numer 1 wolnych stron. Zdjęcie 4000x3000 wyświetlane w rozmiarze 800x600 marnuje 96% swoich pikseli. Oto jak dobrać właściwe wymiary.
Wypróbuj teraz - za darmo, bez rejestracji.
Zmień rozmiar obrazów za darmo →Zalecane wymiary obrazów
| Zastosowanie | Szerokość (px) | Retina (2x) |
|---|---|---|
| Obraz główny/baner | 1600 | 3200 |
| Treść bloga | 800 | 1600 |
| Miniatura | 400 | 800 |
| Zdjęcie produktu | 1000 | 2000 |
| Obraz OG (social media) | 1200x630 | - |
| Favicon | 512x512 | - |
Prosta zasada: zmień rozmiar do maksymalnej szerokości wyświetlania, a potem pomnóż przez 2 dla ekranów retina. Obraz na blogu wyświetlany w 800 px powinien mieć 1600 px szerokości.
Jak zmienić rozmiar
- Otwórz narzędzie do zmiany rozmiaru
- Wybierz swój obraz
- Ustaw docelową szerokość (wysokość dopasuje się proporcjonalnie)
- Pobierz obraz w nowym rozmiarze
Wskazówka: NAJPIERW zmień rozmiar, a dopiero potem kompresuj. Kompresowanie obrazu 4000 px, a potem zmniejszanie go do 800 px to strata czasu - kompresujesz piksele, które i tak wyrzucisz.
Najczęstsze pytania
Czy zmiana rozmiaru obniża jakość obrazu?
Zmniejszanie jest zwykle bezpieczne - usuwasz piksele, a nie je dodajesz. Powiększanie obniży jakość, bo program musi wymyślić nowe piksele. Nigdy nie powiększaj obrazów do użytku w sieci.
Czy używać srcset dla obrazów responsywnych?
Tak! Atrybut srcset pozwala przeglądarce wybrać właściwy rozmiar obrazu dla urządzenia. Przygotuj 2-3 rozmiary (mały, średni, duży) i pozwól przeglądarce wybrać.
Gotowy? Zajmij się obrazami teraz - 100% za darmo.
Zmień rozmiar obrazów za darmo →