10 sposobów na zmniejszenie rozmiaru obrazów
Opublikowany: 2018-02-15Wszyscy lubimy mieć stronę internetową z wysokiej jakości obrazami, aby przyciągnąć uwagę naszych czytelników, prawda?
Jeśli masz stronę, na której oferujesz usługi, sprzedajesz produkt lub pracujesz z blogiem; na pewno masz dziesiątki zdjęć: w artykułach, na statycznych stronach czy na przykład w produktach.
Mówiąc o obrazach na strony internetowe, nie musimy myśleć tylko o liczbie obrazów, które zamierzamy dodać. Powinniśmy również wziąć pod uwagę ich rozmiar, a tym samym miejsce, które te pliki wykorzystają na serwerze.
Z tego powodu w tym artykule omówimy dziesięć narzędzi, których możemy użyć do zmniejszenia rozmiaru obrazów, których użyjemy na naszej stronie internetowej, blogu lub w e-commerce.
- 1 · Dlaczego powinieneś zmniejszyć rozmiar obrazów na swojej stronie?
- 2 · Dziesięć narzędzi do zmniejszania rozmiaru obrazów na Twojej stronie internetowej
- 2.1 1) Krótkie piksele
- 2.2 2) Optymalizator obrazu EWWW
- 2.3 3) Skompresuj JPG i PNG
- 2.4 4) Sprężarka.io
- 2.5 5) Optimizilla
- 2.6 6) WP Smush
- 2.7 7) Kraken.io
- 2.8 8) Optymalizator obrazu Imagify
- 2.9 9) Photoshop
- 2.10 10) Zamieszki
- 3 · Jak przesłać obrazy do Mailrelay
- 3.1 Powiązane posty:
· Dlaczego powinieneś zmniejszyć rozmiar obrazów na swojej stronie?
Zanim zacznę mówić o każdym z tych narzędzi, chcę wyjaśnić, jak ważne jest zmniejszenie rozmiaru obrazów w Twojej witrynie.
W dzisiejszych czasach ważne jest, aby strony były szybkie, to znaczy, aby ładowały się w ciągu kilku sekund (najlepiej mniej niż 3 sekundy).
Właściwa optymalizacja obrazów w witrynie ma kluczowe znaczenie z trzech powodów:
- Rozmiar obrazu wpływa na szybkość ładowania witryny , a my właśnie dostrzegliśmy znaczenie posiadania szybkiej witryny.
- Czas ładowania to jeden z głównych czynników wpływających na SEO. Szybka strona będzie lepiej pozycjonowana w Google niż wolna strona (zawsze mogą być wyjątki, ale to jest ogólna zasada).
- Obrazy na stronie muszą być dostosowane do szerokości strony. Dla przykładu, często widzę wiele stron zawierających obrazy znacznie większe niż dostępna przestrzeń. Jeśli przestrzeń ma szerokość 300px, administrator nie powinien przesyłać obrazu z 1000px. Jest to powszechny błąd na wielu stronach internetowych. Radzę dostosować rozmiar wszystkich obrazów na swojej stronie.
· Dziesięć narzędzi do zmniejszania rozmiaru obrazów na Twojej stronie internetowej
1) Krótkie piksele
Celem tego narzędzia jest poprawa wydajności naszych witryn poprzez zmniejszenie rozmiaru obrazów.
Jest dostępny w wersji internetowej oraz jako wtyczka do WordPressa, oferująca trzy rodzaje kompresji zdjęć:
- Kompresja stratna. To najlepsza opcja dla większości użytkowników. Ta opcja zapewnia równowagę między optymalizacją a jakością obrazu.
- Błyszcząca kompresja. To najlepsza opcja, jeśli szukasz narzędzia skupiającego się na Google Insights, ale nie martwisz się szybkością ładowania. Ta opcja umożliwia akceptowalną kompresję z jakością obrazu. Im bardziej plik jest skompresowany, tym bardziej pogorszy się ostateczna jakość obrazu.
- Kompresja bezstratna. Ostatnia opcja pozwala skompresować piksel obrazu na piksel w porównaniu z oryginalnymi obrazami, ale oferuje znacznie mniejszą redukcję w porównaniu z plikami przetwarzanymi za pomocą dwóch opcji.
Internetowa wersja ShortPixel umożliwia redukcję obrazów w partiach po 50 plików.
Jeśli chodzi o wtyczkę WordPress, jest bardzo łatwa w użyciu i jest bardzo lekka. Wystarczy go zainstalować, a wtyczka skompresuje wszystkie obrazy Twojej witryny, a także pliki PDF za pomocą jednego kliknięcia.
Ponadto nowe przesłane obrazy zostaną automatycznie przeskalowane, bez konieczności podejmowania jakichkolwiek dalszych działań.
Na koniec musimy wyjaśnić, że jest to narzędzie „freemium”. Oznacza to, że możesz bezpłatnie skompresować 100 obrazów miesięcznie. Jeśli przekroczysz tę kwotę, oferuje kilka płatnych planów.
https://shortpixel.com/
Optymalizator obrazu ShortPixel
2) Optymalizator obrazu EWWW
Jest to narzędzie opracowane w celu optymalizacji obrazów dla stron internetowych, ale w tym przypadku skierowane do stron korzystających z hostingu współdzielonego.
Podobnie jak w przypadku ShortPixel, EWWW Image Optimizer ma wersję internetową, a także wtyczkę do WordPressa, a także kilka płatnych planów.
Optymalizator obrazu EWWW pozwala zwiększyć szybkość ładowania stron, optymalizując wszystkie obrazy w witrynie.
Ten wzrost szybkości może pomóc Ci uzyskać lepsze pozycje w wyszukiwarkach, a także poprawić współczynniki konwersji (na przykład zwiększenie sprzedaży lub nowych subskrybentów).
EWWW Image Optimizer może automatycznie optymalizować wszystkie przesyłane obrazy. Może również zoptymalizować wszystkie obrazy, które są już hostowane na serwerze. Możliwe będzie również przekonwertowanie wszystkich plików do najlepiej zalecanego formatu.
Jeśli chodzi o opcje kompresji, możesz wybrać kompresję na piksele lub opcje wysokiej kompresji bez utraty jakości.
https://ewww.io/
Optymalizator obrazu EWWW
3) Skompresuj JPG i PNG
To narzędzie online pozwoli Ci skompresować partię do 20 obrazów w formacie JPG i PNG.
Jego użycie jest bardzo proste: wystarczy przesłać lub przeciągnąć pliki. Gdy będą gotowe, wystarczy pobrać skompresowane obrazy osobno lub skompaktowane w pliku ZIP.
http://compressjpeg.com/es/
4) Sprężarka.io
To jedno z moich ulubionych narzędzi, gdy muszę skompresować kilka obrazów, aby przesłać je na moje strony.
Jest dostępny w Compress.io, a jego użycie jest bardzo proste. Wystarczy załadować lub przeciągnąć obraz, który chcesz skompresować, poczekać na zakończenie procesu (zajmuje to tylko kilka sekund) i pobrać skompresowane pliki.
Ponadto po zakończeniu procesu narzędzie pokaże procent kompresji w porównaniu z oryginalnym obrazem.
Zwróć uwagę, że umożliwia kompresowanie plików w czterech różnych formatach: JPEG, PNG, GIF i SVG.
5) Optimizilla
Jest to oprogramowanie do optymalizacji obrazu online, które wykorzystuje inteligentną kombinację z różnymi algorytmami kompresji w celu zmniejszenia rozmiaru obrazów w formacie JPEG i PN, zachowując jakość plików.
Umożliwia jednoczesną pracę z maksymalnie 20 obrazami, kontrolowanie kompresji, a także porównywanie obrazów.
http://optimizilla.com/es/
6) WP Smush
To wtyczka do WordPressa, którą zawsze instaluję na swoich stronach. Prawidłowa nazwa tej wtyczki to Smush Image Compression and Optimization.
Korzystając z tej wtyczki, będziesz mógł zmieniać rozmiar, optymalizować i kompaktować wszystkie swoje obrazy, zarówno te, które importujesz, jak i te, które dodałeś do swojej witryny przed zainstalowaniem wtyczki.
Moim zdaniem najlepszą funkcjonalnością tej wtyczki jest to, że pozwala ustawić domyślną szerokość i wysokość dla wszystkich obrazów. Jeśli przekroczą te wymiary, wtyczka automatycznie zmniejszy pliki.
Ma również płatną wersję z dodatkowymi funkcjami, takimi jak możliwość jednoczesnej kompresji większej liczby obrazów lub zapisania kopii zapasowej wszystkich oryginalnych obrazów.
Smush – leniwe ładowanie obrazów, optymalizacja i kompresja obrazów
7) Kraken.io
Kraken Image Optimizer to narzędzie dostępne w wersji online, ale posiada również wtyczkę do WordPressa czy Magento.
Podstawową zaletą tego narzędzia jest dla użytkowników, którzy muszą: Zmniejszyć przepustowość i wykorzystanie przestrzeni, co poprawi czas ładowania strony.
Wtyczka umożliwia optymalizację i zmianę rozmiaru nowych obrazów, a także tych już przechowywanych na serwerze.
To oprogramowanie obsługuje pliki JPEG, PNG i GIF, a maksymalny rozmiar pliku to 32 MB.
https://kraken.io/
Optymalizator obrazu Kraken.io
8) Optymalizator obrazu Imagify
Podobnie jak w przypadku innych poprzednich narzędzi, Imagify jest dostępny w wersji internetowej i wtyczce do WordPressa.
Korzystając z tej wtyczki, będziesz mógł: Poprawić szybkość ładowania swojej witryny, zaoszczędzić czas na zadaniach optymalizacji obrazu i sprawdzić jakość używanych plików.
Wtyczka może skompresować i zmienić rozmiar biblioteki WordPress za pomocą jednego kliknięcia, a także jest kompatybilna z innymi opcjami, takimi jak WooCommerce i NextGen Gallery.
https://imagify.io/
Imagify – Optymalizuj swoje obrazy i konwertuj WebP
9) Photoshop
Aby zakończyć moją recenzję tych dziesięciu narzędzi do kompresji obrazów, omówię dwa programy.
Jeśli lubisz pracować w środowisku Adobe, Photoshop ma opcję optymalizacji obrazów do wykorzystania w witrynach internetowych.
W szczególności znajdziesz tę funkcję na „zapisz do sieci lub „eksportuj do sieci” i pozwala wybrać wymiary, jakość i format obrazów.
Wystarczy dostosować obraz do swoich potrzeb i pobrać skompresowane pliki.
10) Zamieszki
Na koniec chcę porozmawiać o RIOT, oprogramowaniu, które pozwala uzyskać właściwą równowagę między jakością a rozmiarem zdjęć.
To narzędzie pozwala znacznie szybciej sprawdzić jakość skompresowanych plików, ponieważ jego panel jest podzielony na dwie części: obszar z oryginalnym obrazem i drugi ze zoptymalizowaną wersją, dzięki czemu możesz sprawdzić różnice obok siebie.
Jeśli chodzi o formaty, umożliwia kompresję plików w formatach JPG, GIF i PNG. Może zmieniać rozmiar obrazów za pomocą sześciu różnych algorytmów.
· Jak wgrać swoje obrazy do Mailrelay
Teraz, gdy znasz te dziesięć narzędzi do kompresji i optymalizacji obrazów, chcę wyjaśnić, jak krok po kroku przesłać te obrazy na konto Mailrelay i uwzględnić je w swoich biuletynach.
Pierwszą rzeczą, którą powinieneś wiedzieć, jest to, że Mailrelay to oprogramowanie do e-mail marketingu, które umożliwia wysyłanie biuletynów i zarządzanie listami mailingowymi. Możesz przesłać obrazy, których chcesz użyć bezpośrednio na swoje konto, ale pokażę Ci, jak to zrobić za pomocą platformy CMS lub bloga.
W tym sensie zalecam hostowanie obrazów, które chcesz wykorzystać w swoich biuletynach, na zewnątrz. Teraz wyjaśnię, jak zaimportować je do WordPressa.
Pierwszą rzeczą, którą powinieneś zrobić, to przejść do galerii multimediów lub bloga w witrynie. Tutaj możesz zarządzać wszystkimi obrazami przesłanymi do Twojej witryny, a także dodawać nowe pliki.
Następnym krokiem jest zaimportowanie obrazów po ich zoptymalizowaniu za pomocą niektórych narzędzi, które pokazaliśmy w poprzedniej sekcji.
Możesz je przeciągać lub upuszczać bezpośrednio, klikając „Dodaj nowy” i wybierając je na swoim komputerze.
Po załadowaniu obrazu możesz go wybrać, aby otworzyć jego szczegóły.
Najedź kursorem na obraz, kliknij prawym przyciskiem myszy i wybierz opcję „skopiuj adres obrazu”.
Mając dokładny adres URL obrazu, otwórz swoje konto Mailrelay i utwórz nowy biuletyn. Jeśli wiadomość została już utworzona, po prostu ją edytuj i dołącz obraz.
Aby go dodać, kliknij przycisk „Obraz”, a zobaczysz następujący ekran:
W tym oknie możesz zarządzać właściwościami swoich obrazów. Aby dodać nowy, po prostu wklej adres skopiowany w poprzednim kroku. Gdy to zrobisz, zobaczysz obraz, który zamierzasz zaimportować.
Co możesz skonfigurować właściwości obrazu?
- Alternatywny tekst. Jest to tekst, który użytkownik zobaczy, gdy obraz nie zostanie załadowany poprawnie. Może się zdarzyć, że w zależności od oprogramowania poczty e-mail obraz nie zostanie pomyślnie załadowany. Zalecamy dodanie adresu URL witryny, aby uniknąć problemów.
- Rozmiar (szerokość i wysokość w pikselach). Tutaj powinieneś wstawić rozmiar swojego obrazu. Sugeruję, aby nie przekraczał 600px szerokości, aby poprawnie wyświetlał się na smartfonach. W rzeczywistości, jeśli możesz użyć szerokości 400 lub 500px, będzie jeszcze lepiej.
- Krawędź. Rozmiar obramowania w pikselach. Zwykle zostawiam to pole puste, ale jeśli chcesz dodać obramowanie, musisz to skonfigurować w tej opcji.
- Przestrzeń pozioma i pionowa. Możesz skonfigurować poziomą i pionową przestrzeń dla obrazu w pikselach.
- Wyrównanie. Wybierz wyrównanie obrazu do lewej lub do prawej.
Po skonfigurowaniu go zgodnie z projektem Twojego newslettera, będziesz miał coś takiego:
Teraz wystarczy kliknąć przycisk „Akceptuj” , aby wstawić swój obraz do newslettera.
Mam nadzieję, że ten przegląd 10 narzędzi do kompresji obrazów będzie przydatny. Musisz tylko wybrać opcję, która najlepiej odpowiada Twoim potrzebom.
Zanim zakończymy ten post, chciałbym podkreślić, jak ważna jest optymalizacja wszystkich obrazów, aby skrócić czas ładowania witryny i jej pozycję w Google.
W końcu jestem pewien, że chcesz znaleźć się na pierwszych stronach swoich podstawowych słów kluczowych.