Zmień rozmiar obrazów, żeby strona nie zwalniała
Pliki z aparatu często mają 5000 pikseli szerokości. Kolumna artykułu ma 720. Plik z aparatu na stronie zjada transfer, nawet gdy potem go skompresujesz. Ustaw tu limit szerokości. Potem koduj.
- Szybko
- W 100% prywatnie
- Zawsze za darmo
- Każda przeglądarka
Upuść obrazy w dowolnym miejscu tej strony
JPG, PNG, WebP, GIF, SVG, HEIC albo AVIF. Zdjęcia zostają na tym urządzeniu.
Kiedy tego użyć
Zmień rozmiar, gdy rozmiar w pikselach jest za duży do układu strony. Kompresuj, gdy rozmiar już pasuje, a bajty nadal dużo ważą.
1200 px szerokości pasuje do artykułów na blogu i kart produktów. Użyj 2400, gdy ten sam obraz widać przy 1200 pikselach CSS na ekranie 2×.
Do kadrów i relacji na Instagramie użyj strony mediów społecznościowych. Tam wypełniasz stałą ramkę. Maksymalna szerokość zostawia całe zdjęcie.
Jeśli musisz też sformatować JSON albo sprawdzić token bez wklejania go na publiczną stronę, użyj ToolBuddy. To też zostaje w przeglądarce.
Jak to zrobić
- Upuść za duże zdjęcia.
- Ustaw maksymalną szerokość na 1200 albo 1600. Zostaw procent pusty, chyba że chcesz skalę względną.
- JPG albo WebP około 0,85 wystarczy do zdjęć w artykule.
- Wgraj wynik do swojego CMS. Oryginał 12 MB zostaje poza tym miejscem.
Wskazówki
- Nie powiększaj logo z 400 px do 1200. Robi się rozmyte.
- Stała szerokość w całej galerii wygląda schludniej.
- Jeśli po zmianie rozmiaru bajty nadal dużo ważą, przejdź przez Kompresuj albo skonwertuj do WebP.