Radzenie sobie z wolną stroną internetową jest niezwykle frustrujące. Po pomocy tysiącom czytelników WPBeginner w przyspieszeniu ich witryn, odkryliśmy, że jeden problem pojawia się częściej niż jakikolwiek inny: duże, niezoptymalizowane obrazy.
Wielu właścicieli stron internetowych obawia się, że zmniejszenie rozmiaru ich obrazów sprawi, że będą wyglądać na rozmazane i nieprofesjonalne. Rozumiemy to. Dobra wiadomość jest taka, że nie musisz wybierać między szybko ładującymi się stronami a pięknymi, wysokiej jakości zdjęciami.
Dopracowaliśmy prosty proces optymalizacji obrazów, który stosujemy na wszystkich naszych stronach internetowych. Ten przewodnik przeprowadzi Cię przez te dokładne, przyjazne dla początkujących kroki. Dowiesz się, jak zmniejszyć rozmiar obrazów bez utraty jakości.
Ponieważ jest to kompleksowy przewodnik po optymalizacji obrazów dla sieci, stworzyliśmy łatwy do śledzenia spis treści:
- Co to jest optymalizacja obrazu?
- Jakie są korzyści z optymalizacji obrazów?
- Jak zapisywać i optymalizować obrazy dla wydajności sieci
- Najlepsze narzędzia i programy do optymalizacji obrazów
- Najlepsze wtyczki do optymalizacji obrazów dla WordPressa
- Końcowe przemyślenia i najlepsze praktyki dotyczące optymalizacji obrazu
- Samouczek wideo
- Często zadawane pytania dotyczące optymalizacji obrazów
- Dodatkowe zasoby dotyczące poprawy wydajności WordPressa
1. Czym jest optymalizacja obrazu?
Optymalizacja obrazu to proces zapisywania i dostarczania obrazów w najmniejszym możliwym rozmiarze pliku, bez zmniejszania ogólnej jakości obrazu.
Chociaż proces brzmi skomplikowanie, w dzisiejszych czasach jest całkiem łatwy. Możesz użyć jednego z wielu wtyczek i narzędzi do optymalizacji obrazów, aby automatycznie kompresować obrazy nawet o 80% bez widocznej utraty jakości obrazu.
Oto przykład zoptymalizowanego i niezoptymalizowanego obrazu:
Jak widać, przy odpowiedniej optymalizacji ten sam obraz może być nawet o 80% mniejszy od oryginału, bez utraty jakości. W tym przykładzie obraz jest o 52% mniejszy.
Jak działa optymalizacja obrazu?
Mówiąc prościej, optymalizacja obrazów działa poprzez wykorzystanie technologii kompresji.
Kompresja może być „stratna” lub „bezstratna”.
Kompresja bezstratna zmniejsza ogólny rozmiar pliku bez absolutnej utraty jakości obrazu. W przypadku kompresji stratnej może wystąpić niewielka utrata jakości, ale idealnie nie będzie ona zauważalna dla Twoich odwiedzających.
Co oznacza optymalizacja obrazów?
Mogłeś otrzymać rekomendację optymalizacji obrazów od wsparcia hostingowego WordPress lub narzędzia do testowania prędkości i zastanawiasz się, co musisz zrobić.
Będziesz musiał zmniejszyć rozmiar plików swoich obrazów, optymalizując je do użytku w sieci. Pokażemy Ci, jak to zrobić krok po kroku.
2. Jakie są korzyści z optymalizacji obrazów?
Chociaż optymalizacja obrazów ma wiele zalet, oto najważniejsze, o których powinieneś wiedzieć:
- Szybsza prędkość strony internetowej
- Poprawione rankingi SEO
- Wyższy ogólny wskaźnik konwersji sprzedaży i leadów
- Mniej miejsca na dysku i przepustowości (co może zmniejszyć koszty hostingu i CDN)
- Szybsze kopie zapasowe witryny (co może obniżyć koszty przechowywania kopii zapasowych)
Obrazy są drugim najcięższym elementem na stronie internetowej po filmach. Według HTTP Archive, obrazy często stanowią największą część całkowitego rozmiaru pliku strony.
Ponieważ wiemy, że szybkie strony internetowe zajmują wyższe pozycje w wyszukiwarkach (SEO) i mają lepszą konwersję, optymalizacja obrazów jest czymś, co każda strona biznesowa musi zrobić, jeśli chce odnieść sukces online.
Teraz możesz się zastanawiać, jak dużą różnicę może przynieść optymalizacja obrazu.
Fundamentalne badanie przeprowadzone przez Strangeloop wykazało, że jednosekundowe opóźnienie w czasie ładowania może kosztować 7% sprzedaży, 11% mniej wyświetleń stron i 16% spadek satysfakcji klienta. Obecnie, przy jeszcze wyższych oczekiwaniach użytkowników, wpływ ten jest jeszcze większy.
Jeśli te powody nie wystarczą, aby przyspieszyć Twoją witrynę, powinieneś wiedzieć, że wyszukiwarki takie jak Google również preferują szybsze ładowanie stron w swoim rankingu SEO.
Oznacza to, że optymalizując obrazy dla sieci, możesz zarówno poprawić szybkość strony internetowej, jak i zwiększyć pozycje WordPress SEO.
3. Jak zapisywać i optymalizować obrazy pod kątem wydajności sieci
Kluczem do skutecznej optymalizacji obrazów pod kątem wydajności sieci jest znalezienie idealnej równowagi między najmniejszym rozmiarem pliku a akceptowalną jakością obrazu.
Trzy rzeczy, które odgrywają ogromną rolę w optymalizacji obrazu to:
- Format pliku obrazu (JPEG vs. PNG vs. GIF)
- Kompresja (wyższa kompresja = mniejszy rozmiar pliku)
- Wymiary obrazu (wysokość i szerokość)
Wybierając odpowiednią kombinację tych trzech, możesz zmniejszyć rozmiar obrazu nawet o 80%.
Przyjrzyjmy się każdemu z nich bardziej szczegółowo.
1. Format pliku obrazu
Dla większości właścicieli stron internetowych liczą się tylko trzy formaty plików graficznych: JPEG, PNG i GIF. Wybór odpowiedniego typu pliku odgrywa ważną rolę w optymalizacji obrazu.
Aby uprościć sprawę, używaj formatu JPEG do zdjęć lub obrazów z dużą liczbą kolorów, PNG do prostych lub przezroczystych obrazów, a GIF-y tylko do animowanych obrazów.
Dla tych, którzy nie znają różnicy między poszczególnymi typami plików:
- Format obrazu PNG wykorzystuje bezstratną kompresję. Oznacza to, że zmniejsza rozmiar pliku bez utraty jakości, co czyni go doskonałym wyborem dla logo, grafik z dużą ilością tekstu i obrazów, gdzie potrzebujesz ostrych linii i przezroczystości.
- Z drugiej strony, JPEG to skompresowany format pliku, który nieznacznie zmniejsza jakość obrazu, aby zapewnić znacznie mniejszy rozmiar pliku.
- Podczas gdy GIF używa tylko 256 kolorów wraz z bezstratną kompresją, co czyni go najlepszym wyborem dla animowanych obrazów.
Na WPBeginner używamy kombinacji tych formatów. Jednak wiele nowoczesnych stron internetowych korzysta obecnie z formatu WebP. WebP często zapewnia jeszcze lepszą kompresję niż JPEG i PNG (co oznacza mniejsze pliki) przy doskonałej jakości. Większość przeglądarek obsługuje go teraz, a wiele wtyczek optymalizacyjnych może automatycznie konwertować Twoje obrazy do formatu WebP, co zapewnia ogromny wzrost prędkości.
Więcej informacji na temat formatów obrazów znajdziesz w naszym przewodniku WebP vs. PNG vs. JPEG: jaki jest najlepszy format obrazu dla WordPress.
2. Kompresja
Kolejną rzeczą jest kompresja obrazu, która odgrywa ogromną rolę w optymalizacji obrazu.
Dostępne są różne typy i poziomy kompresji obrazu. Ustawienia dla każdego z nich będą się różnić w zależności od używanego narzędzia do kompresji obrazu.
Większość narzędzi do edycji obrazów, takich jak Adobe Photoshop, ON1 Photo, GIMP, Affinity Photo i inne, posiada wbudowane funkcje kompresji obrazów.
Możesz również normalnie zapisywać obrazy, a następnie użyć narzędzia internetowego, takiego jak TinyPNG lub JPEGmini, aby łatwiej skompresować obrazy.
Chociaż wymagają pewnego nakładu pracy ręcznej, te dwie metody pozwalają na kompresję obrazów przed ich przesłaniem do WordPressa, i właśnie to robimy na WPBeginner.
Istnieje również kilka popularnych wtyczek WordPress, takich jak Optimole i EWWW Image Optimizer, które mogą automatycznie kompresować obrazy podczas ich pierwszego przesyłania. Jest to wygodne, a wielu początkujących, a nawet duże firmy, wolą korzystać z tych wtyczek do optymalizacji obrazów.
Więcej o korzystaniu z wtyczek WordPress będziemy pisać później w artykule.
3. Wymiary obrazu
Zazwyczaj, gdy importujesz zdjęcie z telefonu lub aparatu cyfrowego, ma ono bardzo wysoką rozdzielczość i duże wymiary pliku (wysokość i szerokość).
Kiedy otrzymujesz zdjęcia z telefonu lub aparatu cyfrowego, często mają one bardzo duże wymiary w pikselach (np. 4000 pikseli szerokości) i mogą mieć ustawioną „rozdzielczość” 300 DPI.
Oto kluczowa wskazówka dotycząca obrazów internetowych: możesz całkowicie zignorować DPI. To ustawienie jest przeznaczone do drukowania. W przypadku sieci liczą się tylko wymiary w pikselach (wysokość i szerokość).
Zmniejszenie wymiarów obrazu do czegoś bardziej rozsądnego może znacznie zmniejszyć rozmiar pliku. Możesz po prostu zmienić rozmiar obrazów za pomocą oprogramowania do edycji obrazów na komputerze.
Na przykład, zrobiliśmy zdjęcie o ogromnych oryginalnych wymiarach 4900 × 3200 pikseli. Oryginalny rozmiar pliku wynosił 1,8 MB.
Wybraliśmy format JPEG dla wyższej kompresji i zmieniliśmy wymiary na 1200×795 pikseli. Rozmiar pliku został zmniejszony do zaledwie 103 KB. To o 94% mniej niż oryginalny rozmiar pliku.
Teraz, gdy znasz trzy ważne czynniki optymalizacji obrazu, przyjrzyjmy się różnym narzędziom do optymalizacji obrazu dla właścicieli stron internetowych.
4. Najlepsze narzędzia i programy do optymalizacji obrazu
Jak wspomnieliśmy wcześniej, większość oprogramowania do edycji obrazów zawiera ustawienia optymalizacji i kompresji obrazów.
Poza oprogramowaniem do edycji obrazu, istnieje również kilka potężnych, darmowych narzędzi do optymalizacji obrazu, których możesz użyć do optymalizacji obrazów dla sieci (za pomocą zaledwie kilku kliknięć).
Zalecamy używanie tych narzędzi do optymalizacji obrazów przed przesłaniem ich do WordPressa, zwłaszcza jeśli jesteś perfekcjonistą.
Ta metoda pomaga zaoszczędzić miejsce na dysku na koncie hostingowym WordPress i gwarantuje najszybszy obraz z najlepszą jakością, ponieważ ręcznie przeglądasz każdy obraz.
Adobe Photoshop
Adobe Photoshop to płatna aplikacja do edycji obrazów, która pozwala eksportować obrazy o mniejszym rozmiarze pliku do sieci.
Korzystając z okna dialogowego eksportu, możesz wybrać format pliku obrazu (JPG, PNG, GIF), który zapewni najmniejszy rozmiar pliku.
Możesz również zmniejszyć jakość obrazu, kolory i inne opcje, aby jeszcze bardziej zmniejszyć rozmiar pliku.
GIMP
GIMP to darmowa alternatywa dla Adobe Photoshop z otwartym kodem źródłowym. Może być używany do optymalizacji obrazów dla sieci. Wadą jest to, że nie jest tak łatwy w użyciu jak niektóre inne rozwiązania z tej listy.
Najpierw musisz otworzyć swój obraz w GIMP, a następnie wybrać opcję Plik » Eksportuj jako…. Spowoduje to wyświetlenie okna dialogowego Eksportuj obraz, w którym możesz nadać plikowi nową nazwę. Następnie kliknij przycisk „Eksportuj”.
Zobaczysz teraz opcje eksportu obrazu. W przypadku plików JPEG możesz użyć suwaka „Jakość”, aby wybrać poziom kompresji i zmniejszyć rozmiar pliku.
Na koniec powinieneś kliknąć przycisk „Eksportuj”, aby zapisać zoptymalizowany plik obrazu.
TinyPNG
TinyPNG to darmowa aplikacja internetowa, która wykorzystuje inteligentną technikę kompresji stratnej do zmniejszenia rozmiaru plików PNG i JPEG. Wszystko, co musisz zrobić, to wejść na ich stronę internetową i przesłać swoje obrazy za pomocą prostego przeciągnij i upuść.
Skompresują obraz i podadzą link do pobrania.
Mają również wtyczkę do Adobe Photoshop, której używamy jako części naszego procesu edycji obrazu, ponieważ pozwala ona na dostęp do TinyPNG z poziomu Photoshopa.
Dla programistów dostępny jest interfejs API do automatycznego konwertowania obrazów. Dodatkowo, dla początkujących, istnieje wtyczka WordPress, która zrobi to za Ciebie. Porozmawiamy o tym więcej później.
JPEGmini
JPEGmini wykorzystuje potężną technologię kompresji stratnej, która znacząco zmniejsza rozmiar obrazów bez wpływu na ich postrzeganą jakość. Możesz również porównać jakość oryginalnego obrazu i skompresowanego obrazu, aby się o tym przekonać.
Możesz używać ich wersji internetowej za darmo lub kupić program na swój komputer. Mają również płatne API do automatyzacji procesu dla Twojego serwera.
ImageOptim
ImageOptim to narzędzie dla komputerów Mac, które pozwala na kompresję obrazów bez utraty jakości poprzez znalezienie najlepszych parametrów kompresji i usunięcie niepotrzebnych profili kolorów.
Alternatywą dla systemu Windows jest Trimage.
5. Najlepsze wtyczki do optymalizacji obrazów dla WordPressa
Wierzymy, że najlepszym sposobem optymalizacji obrazów jest zrobienie tego przed przesłaniem ich do WordPressa. Jednak jeśli prowadzisz witrynę z wieloma autorami lub potrzebujesz zautomatyzowanego rozwiązania, możesz wypróbować wtyczkę do kompresji obrazów WordPress.
Oto nasza lista najlepszych wtyczek do kompresji obrazów w WordPressie:
- Optimole, popularny wtyczka zespołu stojącego za ThemeIsle
- EWWW Image Optimizer
- Kompresja obrazów JPEG, PNG i WebP, wtyczka zespołu TinyPNG wspomnianego powyżej
- Imagify, wtyczka popularnego zespołu WP Rocket
- ShortPixel Image Optimizer
- Smush
- reSmush.it
- Envira Gallery to wtyczka galerii WordPress z wbudowaną kompresją obrazów.
Te wtyczki do optymalizacji obrazów WordPress pomogą Ci przyspieszyć Twoją stronę internetową.
6. Końcowe przemyślenia i najlepsze praktyki dotyczące optymalizacji obrazów
Jeśli nie zapisujesz obrazów zoptymalizowanych pod kątem sieci, zacznij to robić teraz. Zrobi to ogromną różnicę w szybkości Twojej witryny, a Twoi użytkownicy będą Ci za to wdzięczni.
Nie wspominając już o tym, że szybsze strony internetowe są świetne dla SEO, a prawdopodobnie zobaczysz wzrost swojej pozycji w wynikach wyszukiwania.
Poza optymalizacją obrazu, dwie rzeczy, które znacząco pomogą Ci przyspieszyć Twoją stronę internetową, to użycie wtyczki buforującej WordPress i użycie CDN WordPress.
W WPBeginner używamy WP Rocket, ponieważ łączy on w jednym rozwiązaniu zarówno potężne funkcje buforowania, jak i optymalizacji obrazów, w tym leniwego ładowania (co oznacza, że obrazy ładują się dopiero wtedy, gdy odwiedzający przewinie stronę do nich) oraz obsługę WebP.
Jeśli używasz wtyczki Envira Gallery, polecamy również ich usługę Envira CDN. Jest to sieć CDN dedykowana obrazom, która sprawia, że Twoje galerie zdjęć ładują się niezwykle szybko, bez złożoności tradycyjnej konfiguracji CDN.
Alternatywnie, możesz skorzystać z firmy hostingowej zarządzanego hostingu WordPress, ponieważ często oferują one zarówno buforowanie, jak i CDN jako część platformy.
Samouczek wideo
Często zadawane pytania dotyczące optymalizacji obrazów
Przez lata pomagania użytkownikom w poprawie szybkości ich stron internetowych, odpowiedzieliśmy na wiele pytań dotyczących optymalizacji obrazów. Oto odpowiedzi na niektóre z najczęstszych z nich.
1. Jaki jest najlepszy format obrazu dla sieci?
Zależy to od typu obrazu. W przypadku fotografii z dużą ilością kolorów, JPEG jest zazwyczaj najlepszym wyborem. W przypadku prostych grafik, logo lub obrazów wymagających przezroczystego tła, idealny jest PNG. GIF-y powinny być używane tylko do animacji. Nowszy format WebP jest również doskonałą opcją, która zapewnia świetną jakość przy małych rozmiarach plików.
2. Czy optymalizacja obrazów zmniejsza ich jakość?
Nie zawsze. Kompresja „bezstratna” zmniejsza rozmiar plików bez utraty jakości. Nawet w przypadku kompresji „stratnej”, celem jest znalezienie równowagi, w której rozmiar pliku jest drastycznie zmniejszony, ale wszelkie zmiany jakości są praktycznie niewidoczne dla ludzkiego oka.
3. Jaki jest dobry rozmiar pliku dla obrazów internetowych?
Nie ma jednego idealnego rozmiaru, ale świetnym celem dla większości obrazów jest poniżej 150 KB. W przypadku dużych obrazów na całą szerokość, można zwiększyć do 500 KB. Głównym celem jest zawsze uzyskanie jak najmniejszego pliku przy jednoczesnym zachowaniu ostrości i przejrzystości obrazu na Twojej stronie.
4. Jak optymalizacja obrazów poprawia SEO?
Wyszukiwarki takie jak Google używają szybkości strony jako czynnika rankingowego. Ponieważ obrazy są często największymi plikami na stronie, ich optymalizacja sprawia, że Twoja witryna ładuje się szybciej. Ta poprawa szybkości może prowadzić do lepszych rankingów SEO i lepszego doświadczenia dla Twoich odwiedzających.
5. Czy mogę zoptymalizować obrazy już przesłane do WordPressa?
Tak. Większość wtyczek do optymalizacji obrazów dla WordPressa zawiera funkcję „optymalizacji masowej”. To narzędzie może przeskanować całą Twoją bibliotekę multimediów i skompresować wszystkie istniejące obrazy, co jest idealne do poprawy szybkości istniejącej witryny.
Dodatkowe zasoby dotyczące poprawy wydajności WordPressa
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak optymalizować obrazy w WordPress. Możesz również zapoznać się z innymi artykułami dotyczącymi poprawy wydajności WordPress:
- Kompleksowy przewodnik po zwiększaniu szybkości i wydajności WordPress
- Jak przyspieszyć wydajność WooCommerce
- Jak odciążyć media WordPress, aby poprawić szybkość witryny
- Najlepsze wtyczki buforujące WordPress do przyspieszenia Twojej witryny
- Jak zoptymalizować Core Web Vitals dla WordPress (kompletny przewodnik)
- Jak zmniejszyć czas do pierwszego bajtu (TTFB) w WordPress – Porady ekspertów
- Jak używać wtyczki GTmetrix do poprawy wydajności witryny WordPress
- Najszybszy hosting WordPress (testy wydajności)
- Ważne metryki do zmierzenia na Twojej witrynie WordPress
- Jak prawidłowo przeprowadzić test prędkości strony internetowej
- Jak przeprowadzić test obciążeniowy strony WordPress
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
Dennis Muthomi
Cóż, ja ZAWSZE konwertuję wszystkie moje obrazy do formatu .webp przed przesłaniem ich na moją stronę WordPress.
Zdecydowałem się używać .webp zamiast JPEG i PNG, ponieważ zapewnia znacznie lepszą kompresję bezstratną, pozwalając na znaczące zmniejszenie rozmiaru pliku bez wpływu na jakość obrazu.
Jiří Vaněk
Kiedyś robiłem to samo. Najpierw konwertowałem wszystkie obrazy do formatu webp, a następnie przesyłałem je przez FTP. W ten sposób na stronie nie miałem żadnego innego formatu poza webp. Później jednak dowiedziałem się, że nie jest to dobra praktyka, ponieważ nadal istnieją starsze typy przeglądarek, których niektórzy użytkownicy mogą używać i które nie obsługują formatu webp. Jeśli taki użytkownik odwiedzi Twoją stronę, obrazy się nie wyświetlą. Od tego czasu używam wtyczki. Przesyłam obrazy w formacie png, a wtyczka konwertuje je do formatu webp. Zapewnia to obecność obu formatów na stronie, a dla starszych przeglądarek do wyświetlania zostanie użyty kompatybilny obraz png.
Samuel
Wow, dzięki za podzielenie się tym wglądem w Twoją metodę. To mogło zostać łatwo przeoczone i wezmę to pod uwagę podczas pracy z obrazami dla moich stron internetowych.
Jiří Vaněk
Dziękuję za tutorial. Osobiście konwertowałem obrazy do formatu .webp, a następnie przesyłałem je do sieci w tym formacie. Ten format wydaje mi się najmniejszy pod względem objętości danych, a jednocześnie nadal bardzo wysokiej jakości dla dobrego doświadczenia użytkownika. Nie używam do tego wtyczek, ale zazwyczaj konwertuję obrazy za pomocą konwerterów online lub oprogramowania komputerowego.
Komentarze WPBeginner
Format .webp może być również dobrym formatem obrazu do użycia ze względu na jego mały rozmiar pliku. Mamy poradnik, jak używać .webp tutaj, w tym kilka przydatnych wtyczek do konwersji obrazów do formatu .webp: https://www.wpbeginner.com/wp-tutorials/how-to-use-webp-images-in-wordpress/
Konwersja za pomocą wtyczki może być przydatna, ponieważ może konwertować bezpośrednio na stronie internetowej i masowo.
Jiří Vaněk
Ale jeśli użyję wtyczki, czy nie zajmie ona zbyt dużo miejsca na moim FTP, ponieważ oryginalny plik też tam będzie? Ale na pewno chętnie zapoznam się z Twoimi instrukcjami. Dziękuję za link.
Komentarze WPBeginner
Zawsze możesz usunąć oryginalne pliki. Możesz użyć funkcji wyszukiwania na stronie administracyjnej Mediów, aby wyszukać typy plików, takie jak rozszerzenia .png lub .jpg/.jpeg.
Mrteesurez
To jest kompleksowy przewodnik.
Optymalizacja obrazów jest niezbędna, aby zapewnić szybkie ładowanie strony internetowej i dostarczanie treści.
Cytowałeś, że obrazy są drugim najcięższym elementem po wideo, a co z audio, czy audio jest lżejsze od obrazów i dlaczego?
Komentarze WPBeginner
Dźwięk zazwyczaj znajdowałby się między obrazami a wideo. Biorąc pod uwagę ilość dźwięku i typ pliku audio, nie jest to ścisła zasada i zależy od konkretnych plików.
Mrteesurez
Dziękuję za odpowiedź, chodzi o to, że kiedyś widziałem pliki audio większe pod względem rozmiaru niż obrazy, większość obrazów jest w kilobajtach, podczas gdy audio jest zazwyczaj więcej, myślę, że czas trwania odtwarzania dźwięku i dostarczenia znaczącego przekazu również przyczynia się do jego rozmiaru.
Michelle N
Would love to say that this has been incredibly helpful, easy to digest and implement, I appreciate all the tools provided. Thank you!
– from a beginner blogger
Wsparcie WPBeginner
Glad our guide was helpful
Admin
mohadese esmaeeli
Przy okazji, mam jeszcze jedno pytanie: czy podczas korzystania z wtyczek do optymalizacji obrazów i optymalizacji wcześniej przesłanych obrazów, nowe obrazy zastępują stare? Czy oryginalne obrazy pozostają w bibliotece multimediów WordPress, a zoptymalizowane obrazy są obok nich?
Wsparcie WPBeginner
Zależałoby to od konkretnej wtyczki, której używasz, ponieważ niektóre zastąpią obraz, podczas gdy inne będą miały opcję zachowania oryginału.
Admin
Jiří Vaněk
Wiele z nich daje ci wybór, czy chcesz zachować oryginalne obrazy, czy je usunąć. Z osobistego doświadczenia polecam zachowanie oryginalnych obrazów na stronie internetowej (przynajmniej jako kopii zapasowej).
mohadese esmaeeli
Witaj,
Pozdrowienia dla Ciebie. Ten artykuł wydaje się być dość wyczerpujący. Zapoznałem się z Twoją stroną kilka dni temu i zacząłem czytać artykuły. Zdecydowałem się wdrożyć ten sam proces na mojej stronie, czytając te artykuły.
Szybko dotarłem do punktu 2, skupiając się na szybkości strony. Szczerze mówiąc, pracuję nad moją stroną od zaledwie kilku dni i udało mi się osiągnąć tylko 10% wzrost szybkości strony.
Wsparcie WPBeginner
An improvement is still an improvement, we’re glad to hear our guide is helpful
Admin
mohadese esmaeeli
Tak, dokładnie tak. W tym ogromnym i konkurencyjnym świecie zwycięzcami będą ci, którzy stale ulepszają swoje strony internetowe i oferują coś więcej niż ich konkurenci. W przeciwnym razie będziemy przegranymi.
Moinuddin Waheed
Optymalizacja obrazów dla stron internetowych lub blogów jest bardzo ważna dla szybkości strony.
Duże rozmiary obrazów zajmują czas na ładowanie i powodują spowolnienie strony.
Używałem niektórych wtyczek do optymalizacji obrazów.
Ale myślę, że najlepszą opcją jest użycie wtyczek do buforowania i sieci CDN dla stron internetowych.
Pozwala to nie tylko na szybkie działanie strony, ale także pomaga w utrzymaniu odwiedzających.
Wsparcie WPBeginner
CDNs are normally for speed instead of retention but a fast loading site does help keep your visitors and helps make them want to return
Admin
Lewis
Przede wszystkim ważne jest, aby zauważyć, że nie wszystkie typy plików graficznych są sobie równe. Na przykład pliki JPEG będą zazwyczaj znacznie mniejsze od plików PNG, dlatego ważne jest, aby wybrać odpowiedni typ pliku do danego zadania.
Dodatkowo, jeśli chodzi o zmianę rozmiaru obrazów, zawsze należy to robić przed przesłaniem ich do witryny. W ten sposób można uniknąć serwowania odwiedzającym zbyt dużych obrazów, co może spowolnić działanie witryny.
Na koniec chciałem zaznaczyć, że dostępnych jest wiele wtyczek, które mogą pomóc zautomatyzować proces optymalizacji obrazów. WP Smush to świetna opcja, która może pomóc zaoszczędzić czas i zapewnić, że Twoje obrazy są zawsze odpowiednio zoptymalizowane.
Wsparcie WPBeginner
Thanks for sharing your comment
Admin
Rebecca Gelsi
To jest genialne, dziękuję. Używam JPEGmini po przeczytaniu tego artykułu i jestem bardzo zadowolony, że ten aspekt naszej strony jest już uporządkowany.
Andy
Dziękuję za normalne i proste wyjaśnienie. Popełniłem kilka błędów z treścią zdjęć na mojej stronie, ale dzięki twoim wyjaśnieniom dowiedziałem się dokładnie, co muszę zrobić. Dziękuję!
Wsparcie WPBeginner
Glad our guide was helpful
Admin
Tania
Bardzo pomocne!! Dziękuję za udostępnienie. Szybkie pytanie – jeśli skompresuję moje obrazy do optymalnego/akceptowalnego rozmiaru w KB bezpośrednio w Photoshopie, używając ustawienia „Zapisz dla sieci” wspomnianego powyżej, a następnie prześlę je do WordPressa… czy jest potrzeba, aby uruchomić również Shortpixel lub inną wtyczkę do kompresji obrazów? Czy to nie jest zbędne?
Próbuję zrozumieć, czy istnieją dodatkowe korzyści z używania wtyczki w porównaniu do Photoshopa. Chętnie poznam Twoje zdanie. Dziękuję!
Wsparcie WPBeginner
The plugins are an alternative, if you optimize your images before uploading them, you wouldn’t need to use an image optimization plugin
Admin
Shiv Raj Bhatt
Świetny pomysł na optymalizację obrazów dla szybszego ładowania strony. Dzięki za informacje.
Wsparcie WPBeginner
Glad you like our content
Admin
Lauren
Doskonale i wyczerpująco! Dziękuję!
Wsparcie WPBeginner
Glad our guide was helpful
Admin
Eddier Naranjo
Wtyczki optymalizujące tworzą kopię „ciężkiego” obrazu i serwują zoptymalizowaną wersję. Ale to zwiększa przestrzeń dyskową na stronie.
Czy jest sposób, aby usunąć starą wersję i pozostawić tylko zoptymalizowany obraz?
Wsparcie WPBeginner
Zalecamy skontaktowanie się z pomocą techniczną używanej wtyczki, ponieważ zazwyczaj mają oni opcję usunięcia nieoptymalizowanej wersji.
Admin
Diane Talbotier
Cześć, czy zmiana rozmiaru oznacza zmianę rozmiaru obrazów wyświetlanych na stronie internetowej, czy zmianę rozmiaru pliku, proszę?
I skąd mam wiedzieć, jaki jest optymalny rozmiar?
Wsparcie WPBeginner
Zależałoby to od tego, co masz na myśli. W kontekście kompresji w tym przewodniku, chodzi o rozmiar pliku. Możesz również zmniejszyć szerokość i wysokość obrazu, jeśli jest zbyt duży. Twój konkretny motyw określi konkretny rozmiar obrazu, którego chcesz użyć.
Admin
Terri
Wspomniałeś w swoim przykładzie optymalizacji, że Twoje oryginalne zdjęcie miało 300 dpi, a następnie zoptymalizowałeś je do mniejszego rozmiaru pliku. Ale nie powiedziałeś, jakie było docelowe dpi. Czy to 72 dla sieci? Czy więcej? Dziękuję za pouczający artykuł.
Wsparcie WPBeginner
Zależałoby to od twoich osobistych preferencji i od tego, jak duże chcesz/potrzebujesz, aby obrazy były.
Admin
Romel
dzięki wielkie, rozwiało to wiele wątpliwości.
Wsparcie WPBeginner
Glad our article was helpful
Admin
Odenyi Emmanuel Chidera
Najbardziej podoba mi się w wpbeginner to, że dostarczają informacji o tym, co wdrożyć na własnej stronie, ale także mówią, czego używają na swojej własnej stronie. To naprawdę pomaga mi szybciej podejmować decyzje. Uczenie się od mistrza jest zawsze łatwiejsze. Dziękuję.
Wsparcie WPBeginner
You’re welcome, glad you like our content
Admin
Luz Manalo-Cruz
Skompresowałem obrazy za pomocą TinyPNG i próbowałem zastąpić cięższe obrazy na mojej stronie tymi (tj. usunąłem ciężkie zdjęcia i przesłałem skompresowane). Jednak biblioteka mediów nadal przesyła stare, cięższe obrazy. Czy to oznacza, że nie mogę zastąpić starych, już przesłanych obrazów? Czy będą przesyłane tylko skompresowane obrazy, które nie zostały jeszcze przesłane?
Wsparcie WPBeginner
Jeśli zastępujesz cięższe obrazy, upewnij się, że na Twojej stronie nie ma buforowania, które wyświetla stary obraz, a po przesłaniu nowego obrazu, że przesyłasz właściwy obraz.
Admin
Giovanna
Dziękuję za pouczający artykuł, Syed.
Od teraz będę zawsze używać zoptymalizowanych obrazów. Czy polecasz mi wrócić do już opublikowanych postów i zastąpić moje obrazy zoptymalizowanymi?
Wsparcie WPBeginner
If possible we would recommend updating your older images, the plugins we recommended should handle that for you
Admin
Percy Young
Dziękuję za Twój post. Wiele fajnych narzędzi. Zastanawiam się, czy można coś zrobić, aby zmienić rozmiar wcześniej przesłanych obrazów i jak usunąć obrazy, których WordPress już nie używa.
Wsparcie WPBeginner
Jeśli potrzebujesz wygenerować nowe obrazy, możesz skorzystać z naszego przewodnika tutaj:
https://www.wpbeginner.com/plugins/regenerate-thumbnails-new-image-sizes-wordpress/
Do usuwania dodatkowych obrazów można użyć wtyczek do czyszczenia mediów.
Admin
Wsparcie WPBeginner
Glad you’ll use our recommendations
Admin
Dr Amandeep Sandhu
Dzięki za podzielenie się takimi pomysłami…!
Wsparcie WPBeginner
You’re welcome, thanks for reading our articles
Admin
İbrahim BOZKURT
Jestem deweloperem WordPress. Piszę z Turcji.
Bardzo trudno znaleźć wysokiej jakości zasoby WordPress.
Odkryłem Was. Nie znałem angielskiego, ale nauczyłem się angielskiego. Dzięki Wam wszystko.
Wsparcie WPBeginner
Thank you for reading our articles and congratulations on learning a new language
Admin
Felipe Adan Lerma
Cześć, wydaje się, że WordPress mógł zintegrować część tego z obecnym procesem przesyłania obrazów, przynajmniej w wersji Premium?
Pytam, ponieważ teraz mam opcję wyboru rzeczywistego rozmiaru lub czegoś większego lub mniejszego?
Czy ten proces nie jest optymalizacją / redukcją rozmiaru obrazu?
Dziękuję bardzo! Bardzo ważny i przydatny temat.
Adan
Wsparcie WPBeginner
Brzmi to tak, jakbyś mógł mówić o WordPress.com, a oni mają niestandardowe wtyczki skonfigurowane dla stron na ich usługach.
Admin
Felipe Adan Lerma
Ahhh, tak, zapominam, że te dwa WP się różnią, przepraszam. Nadal próbuję dowiedzieć się, jak pracować tam, gdzie jestem, z WP i to zdecydowanie przez ich strony .com. Dziękuję bardzo, WP – Adan
Wsparcie WPBeginner
No worries, should it help we have our article listing the differences here:
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Anna
Bardzo pomocne informacje!! Właśnie szukałem sposobu, jak to zrobić, kiedy przyszła twoja wiadomość e-mail! Oszczędziło mi to czasu i wysiłku i zawierało dokładnie te rady, których szukałem.
Wsparcie WPBeginner
Glad our guide and newsletter could be helpful
Admin
Lindsay
Przy zapisywaniu w Photoshopie, jaką szerokość sugerujesz dla optymalnej wydajności w sieci?
Moim tematem jest zapisywanie 1600x1050 dla optymalnego nagłówka, ale co powinienem zrobić z obrazami w treści. Projektant motywu nie ma rekomendacji.
Wsparcie WPBeginner
Jeśli wykonujesz inne kroki opisane w tym artykule, rozmiar obrazu powinien być taki, aby najlepiej pasował do wymiarów Twojej treści, dzięki czemu WordPress nie będzie musiał go zmieniać.
Admin
edccde
Proszę zaktualizuj ten film na YouTube. Przede wszystkim Jpegmini nie jest aplikacją internetową, ale oprogramowaniem, które muszę zainstalować na swoim komputerze.
Wsparcie WPBeginner
Thank you for letting us know about the video, we’ll certainly look into updating the video
Admin
Jackie
Czy jest sposób na skompresowanie obrazów już przesłanych do WordPressa? Czy muszę skompresować wszystkie moje obrazy, a następnie ponownie przesłać je do WP? Z góry dziękuję za rady.
Irina
Cześć,
Potrzebuję rady: muszę przesłać obrazy w niskiej i wysokiej rozdzielczości (1200 pikseli przy 300 dpi), aby moi klienci mogli je pobierać. Nie mam pytań dotyczących optymalizacji obrazów LR. Jak mogę zapisać obrazy w wysokiej rozdzielczości? Rozmiar wynosi do 2 MB. Mam setki tysięcy obrazów…
Ratan Kumar
Ten post jest niesamowity i naprawdę dodaje wartości mojej stronie. Jednak ostatnio próbowałem zapisać obrazy z flipkart, ale zapisały się w bardzo niskiej rozdzielczości. Zastanawiam się, czy możesz mi pomóc dowiedzieć się, jak to zrobić.
Ray
Już masowo przesłałem 1500 zdjęć produktów, które były powiązane z adresami URL obrazów znalezionymi w Internecie.
Teraz, gdy mam już te 1500 obrazów w mojej Bibliotece Mediów, jak mogę wrócić i zmienić ich rozmiar oraz skompresować?
Ponadto, nie jestem pewien, czy zmiana rozmiaru oznacza zmianę rozmiaru obrazów tak, jak są one wyświetlane na stronie internetowej, czy też zmianę rozmiaru pliku.
Dzięki!
Sara Lewis
a co z wtyczką ewww image optimizer?
Wsparcie WPBeginner
Cześć Sara,
Tak, to dobra alternatywa. Jednak dla lepszych wyników nadal zalecamy optymalizację obrazów w programie do edycji obrazów przed przesłaniem do WordPressa.
Admin
Donna
Będę podróżować do miejsca, gdzie łączność z internetem jest ograniczona i droga. Dlatego chcę zmniejszyć rozmiar plików moich zdjęć, zanim połączę się z internetem, aby przesłać je na mojego bloga. Czy ktoś może mi polecić, jaką rozdzielczość i DPI warto zastosować? Aplikacja, której planuję użyć, prosi o trzy pomiary:
rozdzielczość – od 200 do 2048
DPI – od 72×72 do 300×300
jakość jpeg (poziom kompresji) – od 0,00 do 1,00
Carrie
Na filmie zmienia swoje zdjęcie. Rozumiem ekran w PS. Ale nie wyjaśniłeś, jaka powinna być szerokość i wysokość w pikselach dla WP, limit to 2 MB. Jaki byłby dobry standard dla suwaków itp. dla strony WP?
Carrie
Przepraszam, że jestem tym głupkiem w kącie, ale czy ktoś mógłby mi coś wyjaśnić? Zainstalowałem wtyczkę WP Smush it i powoli pracuję nad wszystkimi zdjęciami, które przesłałem na moją stronę w ciągu ostatnich 2 lat. Przetwarzam po 50 zdjęć naraz, co jest darmowym limitem. Jednak teraz, gdy mam wtyczkę, czy dla przyszłych przesłanych zdjęć jej posiadanie oznacza, że nie muszę używać żadnego innego programu do zmiany rozmiaru moich zdjęć przed przesłaniem ich na moją stronę WP? Jeśli mam zdjęcie o rozmiarze 8 MB i prześlę je na moją stronę, czy wtyczka zrobi wszystko za mnie? Chcę tylko potwierdzić, że oryginalne zdjęcie nie jest nadal przesyłane i zapisywane na moim serwerze hostingowym, SiteGround. Moja strona działa strasznie wolno, przeprowadziłem mnóstwo diagnostyki i nadal nie mogę zrozumieć dlaczego, poza tym, że wszystko wskazuje na moje zdjęcia. Dzięki!
Tony Squibb
Cześć Carrie, w żadnym wypadku nie jestem ekspertem, ale mam doświadczenie z WP Smush it i tak, przyszłe przesłane pliki powinny być automatycznie 'zmiażdżone'. Pojawia się małe powiadomienie w galerii mediów podczas tego procesu.
Aby sprawdzić przyczyny wolnego działania Twojej witryny, możesz użyć GTmetrix, a następnie otworzyć stronę wodospadu (waterfall), gdzie wyświetlone zostaną czasy ładowania poszczególnych elementów strony. Gdy już poznasz problem, będziesz mógł się nim zająć.
I hope that helps from one ‘dunce’ to another
Carrie
Cześć Tony,
Thanks for weighing in! Unfortunately I uninstalled WP Smush and tried EWWW Image Optimizer along with the Thumbnail Regerate plugin (based on another bloggers suggestion) and royally messed up the photos on my site. I’m a newb with regards to how to manage my files through the FTP on my web host, so I ended up deleting a bunch of images (as in hundreds) and re-uploading them after resizing them manually in an image program. Turns out that too was a bad idea. Now I have a bunch of error messages when I render my site in my Google Console because when Google crawls my site, those files are now gone or moved. AGH! I’m on the verge of simply paying someone to revamp my site or quitting altogether. But I really appreciate that you took the time to leave a helpful comment.
Szczęśliwego Nowego Roku! Niech 2017 będzie lepszy niż 2016.
Jeff
cześć
Najlepsze wtyczki do optymalizacji obrazów dla witryny WordPress. Co to jest?
Gagan
Zastanawiałem się, co by było, gdybym przesłał swoje obrazy do Google Blogger i używał ich na swojej stronie WordPress za pomocą opcji „Wstaw z adresu URL”?
Czy masz jakieś sugestie, czy to dobry pomysł, czy nie?
Dziękuję z góry
Zimbrul
Wróciłem tutaj, ponieważ szukam wtyczek, które przesyłają duży obraz jako zoptymalizowany obraz bezpośrednio do WordPressa. Jestem pewien, że widziałem to gdzieś tutaj na WP Beginner, ale nie mogę tego znaleźć.
Wsparcie WPBeginner
Proszę, spójrz na Optymalizacja obrazów za pomocą WP Smush – zalety, wady i alternatywy.
Admin
Jack
Photoshop jest zdecydowanie najlepszy, jeśli chodzi o usługi online, kraken.io i resizeimage.net to dobre alternatywy dla tinypng.
tanveer
czy xnview to dobra opcja do kompresji obrazów?
Wsparcie WPBeginner
Nie próbowaliśmy.
Admin
Larry Aldrich
Ktoś wspomniał o RIOT we wcześniejszym komentarzu. To moja ulubiona aplikacja do minimalizowania obrazów PRZED ich przesłaniem. Stopień kompresji jest bliski fenomenalnemu. Przepraszamy użytkowników MAC, ale jest dostępna tylko dla systemu Windows.
Martin
Witaj WPBeginner,
Byłbym bardzo zainteresowany wersją Trimage na Windows, którą najwyraźniej widziałeś.
Na stronie głównej Trimage widzisz tylko link z prośbą o pomoc w portowaniu na Windows...
Greg
Przyzwyczaiłem się do używania Fireworks, mimo że mam CS3
Zimbrul
Ja też. Używam CSS4 i nadal korzystam z Fireworks do optymalizacji obrazu.
Marianne P.
Sprawdziłem stronę Trimage i nie widziałem wersji dla Windows – tylko różne wersje *nix. Proszę, wskaż mi właściwy kierunek. Bardzo dziękuję – świetny artykuł!
Corinna
Zastanawiałem się, czy jest jakiś sposób na zmniejszenie rozmiaru obrazów już przesłanych na stronę? Zmieniłem sposób ich przesyłania, więc w przyszłości wszystkie moje obrazy będą mniejsze. Ale pomyślałem, że może warto zmienić rozmiar tych już przesłanych.
Julie Anglesey
Chciałbym również wiedzieć, jak zmniejszyć rozmiar już przesłanych obrazów.
Zimbrul
To (lub było) Smush-It.
Samiullah Khan
Zbyt długo szukałem w sieci dobrego rozwiązania do optymalizacji obrazów; ale większość z nich, większość z nich nie pozwala nam zobaczyć, czy narzędzia wspomniane w tym poście działają, czy nie.
Graham
Artykuł definiuje PNG jako format pliku bez kompresji, ale o ile mi wiadomo, standardowe pliki PNG używają kompresji bezstratnej.
I myślę, że pomocne byłoby wspomnienie, dlaczego można wybrać jeden format zamiast drugiego dla obrazów o ciągłym tonie (np. zdjęcie) w porównaniu do obrazów o ograniczonej palecie (np. logo).
Rob Dewing
Dlaczego nie wspomniano o Photoshop Elements, okrojonej wersji Photoshopa do użytku domowego? Robi 90+% rzeczy, które robi pełny Photoshop, w tym kompresję obrazów „zapisz dla sieci”, a wszystko to za mniej niż 100 USD.
Ines
Czy poleciłbyś używać Flickr do przesyłania swoich obrazów, a następnie kopiować kod HTML na swoją stronę WordPress? Co byś zasugerował dla blogów podróżniczych, które zawierają dużo zdjęć? Dziękuję.
Wsparcie WPBeginner
Zdjęcia z Flickr możesz dodać w WordPressie, po prostu wklejając adres URL zdjęcia w poście. Zazwyczaj byśmy tego nie polecali, ponieważ ludzie będą oglądać i znajdować Twoje zdjęcia na Flickr i mogą nigdy nie mieć okazji odwiedzić Twojej strony internetowej. Jednak jeśli uważasz, że budowanie społeczności wokół Twoich zdjęć na Flickr jest dla Ciebie bardziej użyteczne, to śmiało.
Admin