Masz już stronę, a może nawet sklep internetowy. Dodajesz kolejne wpisy na blogu i produkty. Po kilku miesiącach ktoś skarży się na długie ładowanie Twojej witryny. A może sama zauważasz, że coś nie działa. Zrobiłaś potrzebne aktualizacje, ale wciąż coś jest nie tak. Co zrobić? Sprawdź czy obrazy na Twojej stronie nie są zbyt ciężkie!
1. Co to znaczy, że obraz jest „ciężki”?
2. Sprawdź wagę obrazu
3. Zmniejsz „ciężkość” grafiki
– Aplikacje przydatne do kompresji
4. Zapisz pliki w odpowiednim formacie
Termin „ciężki” w kontekście grafik odnosi się do obrazów o dużym rozmiarze pliku i dużej ilości danych. Oznacza to, że plik grafiki zawiera wiele pikseli i szczegółów, co przekłada się na większy rozmiar pliku. Grafiki o dużym rozmiarze są bardziej „ciężkie” w sensie, że mogą znacząco wpływać na czas ładowania strony internetowej.
Obrazy „ciężkie” mogą powodować, że strona ładuje się wolniej, co z kolei może prowadzić do złego doświadczenia użytkownika. Długie czasy ładowania mogą zniechęcać odwiedzających i wpływać na wskaźniki odrzuceń. Ponadto, obrazy o dużych rozmiarach mogą także zwiększać zużycie transferu danych, co jest istotne zwłaszcza na urządzeniach mobilnych, gdzie ograniczenia transferu mogą być bardziej widoczne.
Kiedy obraz jest już na stronie:
1. Zaloguj się do panelu WordPress: Wejdź do panelu administracyjnego swojej strony internetowej opartej na WordPressie, wpisując adres URL strony z dodanym „/wp-admin” na końcu (np. www.twojadomena.com/wp-admin). Zaloguj się, używając swoich danych dostępowych.
2. Przejdź do Biblioteki mediów: Po zalogowaniu, wybierz „Media” z menu po lewej stronie ekranu. To przekieruje Cię do panelu, gdzie znajdują się wszystkie dodane wcześniej pliki multimedialne, w tym obrazy.
3. Znajdź interesujący Cię obraz: Przeglądaj lub użyj opcji wyszukiwania, aby znaleźć konkretny obraz, którego wagę chcesz sprawdzić.
4. Pokaż informacje o obrazie: Po znalezieniu obrazu, kliknij na niego, aby otworzyć szczegóły. Po prawej stronie ekranu zobaczysz panel informacyjny o obrazie.
5. Informacje o obrazie: W panelu informacyjnym znajdziesz różne informacje o obrazie, w tym jego nazwę, typ pliku, wymiary (szerokość x wysokość), data dodania i rozmiar pliku. Rozmiar pliku będzie wyrażony w kilobajtach (KB) lub megabajtach (MB), zazwyczaj będzie wyświetlany jako „Wielkość pliku”.
Kiedy obraz jest na Twoim komputerze lub telefonie:
Aby sprawdzić wagę pliku graficznego na komputerze, można użyć wbudowanych narzędzi systemowych lub skorzystać z oprogramowania do przeglądania i edycji grafik.
Sprawdzenie wagi obrazu na komputerze:
Przeszukaj systemowy eksplorator plików (Windows Explorer, macOS Finder, itp.):
- Kliknij prawym przyciskiem myszy na pliku graficznym i wybierz opcję „Właściwości” (Windows) lub „Informacje” (macOS).
- Sprawdź informacje o pliku: W oknie „Właściwości” lub „Informacje” znajdziesz różne szczegóły na temat pliku, w tym jego rozmiar.
Rozmiar pliku będzie wyrażony w kilobajtach (KB) lub megabajtach (MB). W niektórych przypadkach, jeśli plik jest bardzo duży, może być podany w gigabajtach (GB).
Sprawdzenie wagi obrazu na telefonie
Android:
- Otwórz aplikację „Galeria” na swoim smartfonie Android.
- Znajdź i kliknij na plik graficzny, którego wagę chcesz sprawdzić.
- Szczegóły pliku: W większości przypadków, po wybraniu pliku, zobaczysz dostępne opcje. Wybierz opcję „Szczegóły” lub „Informacje”. W tym miejscu powinny być dostępne informacje o rozmiarze pliku.
iOS (iPhone):
- Otwórz aplikację „Zdjęcia” na swoim iPhone’ie.
- Znajdź i wybierz obraz: Przejdź do albumu, w którym znajduje się obraz, którego wagę chcesz sprawdzić.
- Szczegóły zdjęcia: Kliknij na wybrane zdjęcie, a następnie wybierz ikonę „Udziela informacji” (zazwyczaj wyglądająca jak „i” w okręgu). W tej sekcji znajdziesz informacje o rozmiarze pliku.
Istnieje wiele różnych narzędzi, aplikacji i stron internetowych, które mogą pomóc w zmniejszeniu wagi grafiki lub obrazu. Podzielę się tymi, z których sama korzystam.
- iLoveIMG
https://www.iloveimg.com/ - TinyPNG
https://tinypng.com/ - Compressor.io
https://compressor.io/
- Optimizilla
https://imagecompressor.com/pl/ - Online Image Tool – MÓJ FAWORYT 🙂
https://www.onlineimagetool.com/pl/
Masz do wyboru wiele formatów pliku graficznego, ale najczęśćiej spotkasz się z obrazem/ grafiką w formacie:
- JPG
- PNG
- WebP
Co oznaczają te tajemnicze skróty i skąd masz wiedzieć, co wybrać?
Pamiętaj!
Format pliku wpływa
na jego rozmiar.
JPG
To jedno z najpowszechniej używanych rozszerzeń plików graficznych, stworzone z myślą o efektywnej kompresji zdjęć. Jego wszechstronność sprawia, że jest nieodzownym narzędziem dla fotografii internetowych.
PNG
Stanowi doskonały wybór dla grafiki z tekstem, logo czy elementami przezroczystymi. Jego elastyczność i jakość sprawiają, że jest niezastąpiony w projektach, gdzie szczegóły mają kluczowe znaczenie.
WebP
WebP to innowacyjny format obrazu stworzony przez Google, mający na celu efektywne kompresowanie obrazów przy minimalnej utracie jakości. Możesz w tym formacie zapisać zarówno zdjęcia jak i obrazy bez tła, np. logo czy favicon. WebP jest idealnym rozwiązaniem dla szybkiego ładowania stron internetowych.
Ostateczny wybór zależy od konkretnej sytuacji, ale WebP jest często uznawany za optymalne rozwiązanie. WebP wpływa korzystnie na czas ładowania strony. Większość nowoczesnych przeglądarek internetowych obsługuje ten format, co zapewnia kompatybilność z różnymi platformami.
0 komentarzy