Jak edytować i zmieniać rozmiar obrazów w WordPress? Szybki samouczek

Zastanawiasz się, jak edytować i zmieniać rozmiar obrazów w WordPress? Pozwól nam Ci w tym pomóc.

Wyświetlanie obrazów, infografik lub materiałów wizualnych to skuteczny sposób na zaangażowanie i opowiedzenie swojej historii odwiedzającym. Jednak użycie odpowiedniego obrazu to tylko połowa strategii; efektywne wyświetlanie obrazów to druga połowa, którą należy wziąć pod uwagę, aby osiągnąć najlepsze rezultaty.

Dobra wiadomość jest taka, że ​​nie jest to tak trudne, jak się wydaje. WordPress zapewnia łatwe narzędzia do edycji obrazów bezpośrednio na stronie lub w poście.

Możesz łatwo zmieniać rozmiar obrazów, przycinać je, wybierać niestandardowe rozdzielczości, wyrównywać je według własnego uznania i optymalizować pod kątem wyszukiwarek i stron produktów WooCommerce.

W tym poście pokażemy, jak edytować i zmieniać rozmiar obrazów w WordPress przy użyciu najlepszych i najłatwiejszych możliwych metod, wraz z innymi przydatnymi wskazówkami i trikami. Zatem bez zbędnych ceregieli, zaczynajmy.

1. Jak skalować lub zmieniać rozmiar obrazów w WordPress?

Skalowanie lub zmiana rozmiaru obrazów w WordPress to skuteczny sposób na optymalizację pod kątem wyszukiwarek. Mniejsze obrazy ładują się szybciej, skracając czas ładowania, co jest korzystne dla SEO.

Chociaż 1-2 obrazy mogą nie mieć znaczącego wpływu, strony lub posty zawierające wiele obrazów mogą poważnie wpłynąć na czas odpowiedzi serwera, a w konsekwencji na podstawowe parametry sieci.

Ponadto zmianę rozmiaru obrazów można wykorzystać do celów stylizacyjnych, aby poprawić atrakcyjność wizualną strony lub wpisu.

Oto kroki, jak to zrobić:

Krok 1: Przejdź do biblioteki multimediów: W panelu WordPress przejdź do opcji Media → Biblioteka . Tutaj przechowywane są wszystkie przesłane obrazy i pliki multimedialne.

Krok 2: Wybierz lub prześlij obraz: Jeśli masz obraz, którego rozmiar chcesz zmienić, kliknij go. Jeśli nie, możesz przesłać nowy, klikając przycisk Dodaj nowy .

Krok 3: Edytuj obraz: Po wybraniu obrazu kliknij Edytuj obraz . Spowoduje to otwarcie ekranu edycji obrazu, w którym możesz wprowadzić zmiany w rozmiarze i innych właściwościach.

Krok 4: Zmień rozmiar obrazu: Poszukaj ikony Skala . Tutaj możesz wprowadzić nową szerokość i wysokość obrazu. Jest to przydatne, jeśli potrzebujesz określonych wymiarów. Po wprowadzeniu nowego rozmiaru kliknij przycisk Skaluj , aby zmienić rozmiar obrazu.

Krok 5: Użyj obrazu o zmienionym rozmiarze: Aby użyć wersji o zmienionym rozmiarze, wróć do Biblioteki multimediów i ponownie wybierz obraz. Możesz skopiować adres URL pliku, który jest bezpośrednim linkiem do obrazu.

Krok 6: Wstaw obraz do swojej witryny: Możesz wkleić adres URL w dowolnym miejscu, w którym chcesz wyświetlić obraz w swojej witrynie, na przykład w poście lub na stronie. Alternatywnie możesz po prostu ponownie wstawić obraz o zmienionym rozmiarze do bloku obrazu, jeśli edytujesz stronę lub post.

2. Jak przyciąć obraz w WordPress?

Przycinanie obrazu to zupełnie coś innego niż zmiana rozmiaru; wycinasz nieistotne obszary, aby skupić uwagę na najważniejszej części obrazu.

Oto kroki, jak to zrobić:

Krok 1: Uzyskaj dostęp do biblioteki multimediów: Zacznij od przejścia do opcji Media → Biblioteka na pulpicie nawigacyjnym WordPress. Tutaj możesz wyświetlić wszystkie przesłane obrazy i inne pliki multimedialne.

Krok 2: Wybierz lub prześlij swój obraz: Jeśli masz gotowy obraz, który chcesz przyciąć, kliknij go, aby otworzyć opcje edycji. Jeśli chcesz użyć nowego obrazu, kliknij Dodaj nowy , aby przesłać go do swojej Biblioteki multimediów.

Krok 3: Edytuj obraz: Po wybraniu obrazu kliknij przycisk Edytuj obraz . Spowoduje to wyświetlenie narzędzi do edycji obrazu.

Krok 4: Przytnij obraz: Aby przyciąć obraz, kliknij ikonę Przytnij na pasku narzędzi edycji. Teraz możesz kliknąć i przeciągnąć myszką nad obrazem, aby wybrać obszar, który chcesz zachować. Obszary poza zaznaczeniem zostaną usunięte, umożliwiając skupienie się na najważniejszych częściach obrazu.

Krok 5 : Dostosuj i zastosuj kadrowanie : Jeśli chcesz dostosować zaznaczenie, po prostu przeciągnij krawędzie pola przycinania, aż będziesz zadowolony z zaznaczenia. Po zakończeniu kliknij ponownie Przytnij , aby zastosować przycięcie obrazu.

Krok 6: Zapisz zmiany: Na koniec kliknij przycisk Zapisz , aby zapisać przyciętą wersję obrazu w Bibliotece multimediów. Twój obraz jest teraz gotowy do wykorzystania w dowolnym miejscu Twojej witryny.

Przeczytaj: Jak zmienić rozmiar wyróżnionego obrazu WordPress?

3. Jak obrócić obraz w WordPress?

Oto kolejna fajna rzecz, którą możesz zrobić z obrazami: obracaj je w dowolnym kierunku — zgodnie z ruchem wskazówek zegara lub przeciwnie do ruchu wskazówek zegara — i dopasowuj je, aby najlepiej pasowały.

Oto jak możesz to zrobić:

Krok 1: Uzyskaj dostęp do biblioteki multimediów: Przejdź do opcji Media → Biblioteka na pulpicie nawigacyjnym WordPress. Spowoduje to wyświetlenie wszystkich przesłanych obrazów.

Krok 2. Wybierz i edytuj obraz: Kliknij obraz, który chcesz obrócić, aby go otworzyć. Następnie kliknij Edytuj obraz, aby rozpocząć edycję.

Krok 3. Obróć obraz: Poszukaj przycisków Obróć w lewo i Obróć w prawo . Kliknij Obróć w lewo , aby obrócić obraz w kierunku przeciwnym do ruchu wskazówek zegara, lub Obróć w prawo , aby obrócić go w prawo. Każde kliknięcie obraca obraz o 90 stopni. Jeśli chcesz obrócić obraz o 180 stopni, kliknij dwukrotnie przycisk.

Krok 4. Cofnij wszelkie błędy: Jeśli popełnisz błąd lub zmienisz zdanie, użyj przycisku Cofnij, aby cofnąć ostatnią akcję. Dzięki temu możesz łatwo skorygować wszelkie błędy.

Krok 5. Zapisz zmiany : Po obróceniu obrazu według własnych upodobań kliknij Zapisz , aby zachować zmiany.

4. Jak obrócić obraz w WordPress?

Masz także możliwość odwracania obrazów i nadawania im artystycznego wyglądu. Pomaga skorygować orientację, poprawić estetykę i zapewnić spójność projektu.

Może także tworzyć ciekawe efekty wizualne i ulepszać ekspozycję produktów, oferując różne perspektywy dla Twojego sklepu internetowego.

Jeśli chcesz spróbować, wykonaj poniższe czynności:

Krok 1. Uzyskaj dostęp do biblioteki multimediów: W panelu WordPress przejdź do Media → Biblioteka, aby wyświetlić wszystkie przesłane obrazy.

Krok 2. Wybierz i edytuj obraz: Kliknij obraz, który chcesz odwrócić. Następnie kliknij Edytuj obraz, aby otworzyć opcje edycji obrazu.

Krok 3. Wybierz przycisk Obrót obrazu i Zdecyduj, jak chcesz odwrócić obraz:

– Odwróć w pionie: Kliknij tę opcję, aby obrócić obraz do góry nogami.

– Odwróć w poziomie: Kliknij tę opcję, aby utworzyć efekt lustrzanego odbicia.

Krok 4. Zastosuj i zapisz: Przejrzyj zmiany. Jeśli wygląd odwróconego obrazu jest zadowalający, kliknij przycisk Zapisz , aby zachować nową orientację.

5. Jak ustawić wyrównanie obrazu w WordPress?

Wyrównywanie obrazów na stronie lub w postach pomaga w estetycznym rozmieszczeniu obrazów w celu poprawy wyglądu. Najlepsze jest to, że jest to bardzo łatwe do wykonania.

Oto jak możesz to zrobić:

Krok 1: Dodaj obraz do swojej strony: Zacznij od wstawienia zdjęcia do postu lub strony za pomocą bloku Obraz. Po prostu przeciągnij i upuść obraz lub użyj przycisku Dodaj obraz, aby go przesłać.

Krok 2: Uzyskaj dostęp do opcji wyrównania: Kliknij obraz, aby go wybrać. Spowoduje to wyświetlenie paska narzędzi nad blokiem obrazu z różnymi opcjami edycji.

Krok 3. Ustaw wyrównanie obrazu : Kliknij ikonę Wyrównaj na pasku narzędzi. Zobaczysz opcje wyrównania obrazu do lewej, do środka lub do prawej. Wybierz wyrównanie, które najlepiej pasuje do Twojego układu.

Krok 4. Dostosuj szerokość obrazu : Jeśli chcesz zmienić szerokość obrazu, możesz także wybrać opcję Pełna szerokość lub Szeroka szerokość z tego samego paska narzędzi. Spowoduje to dostosowanie rozmiaru obrazu na całej stronie.

6. Jak zmienić rozmiar obrazów zbiorczych w WordPress?

Jeśli chcesz edytować obrazy zbiorcze w WordPress, niestety nie jest dostępna domyślna funkcja. Nie oznacza to jednak, że nie możesz tego zrobić — w repozytorium WordPress dostępnych jest wiele wtyczek, które Ci to umożliwiają.

Możesz zainstalować Imsanity, która jest bezpłatną wtyczką umożliwiającą masową zmianę rozmiaru obrazów. Oto jak możesz to zrobić.

Krok 1 : Przejdź do panelu WordPress > Wtyczki > Dodaj wtyczkę

Krok 2: Wyszukaj wtyczkę Imsanity, jeśli ją znajdziesz, kliknij instaluj > Aktywuj

Krok 3: Teraz przejdź do Ustawienia> Niepoczytalność i zacznij masowo zmieniać rozmiar obrazów

Uwaga: zanim zmienisz rozmiar wszystkich obrazów w swojej witrynie, pamiętaj, że może to zmienić wygląd Twoich postów i stron. Dla bezpieczeństwa warto przed rozpoczęciem wykonać nową kopię zapasową witryny.

7. Jak edytować i zmieniać rozmiar obrazów w Woocommerce?

Jeśli prowadzisz sklep internetowy oparty na wtyczce WooCommerce, możesz łatwo edytować zdjęcia produktów, aby przyciągnąć odwiedzających.

Oto uproszczone kroki dla początkujących, aby dowiedzieć się, jak dostosować obrazy produktów WooCommerce:

Krok 1: Uzyskaj dostęp do narzędzia dostosowywania WooCommerce

1. Zaloguj się do panelu WordPress.

2. Przejdź do Wygląd > Dostosuj .

3. Kliknij WooCommerce > Obrazy produktów .

Krok 2 : Dostosuj ustawienia obrazu

• Szerokość głównego obrazu : Ustaw szerokość głównego obrazu produktu.
• Szerokość miniatury : Ustaw szerokość miniatur produktów.
• Wybierz sposób przycinania obrazów :
  • Kwadrat : Sprawia, że ​​obrazy są idealnie kwadratowe.
  • Niestandardowe : umożliwia ustawienie wymiarów niestandardowych.
  • Bez przycięcia : Zachowuje oryginalny rozmiar obrazu.

Krok 3 : Automatyczna zmiana rozmiaru miniatur

• WooCommerce w wersji 3.3 i nowszej automatycznie zmienia rozmiar miniaturek, aby dopasować je do Twoich ustawień.

Krok 4: Użyj wtyczki do zmiany rozmiaru miniatur (opcjonalnie)

• Jeśli potrzebujesz większej kontroli, zainstaluj wtyczkę Force Regenerate Thumbnails .
• Przejdź do Wtyczki > Dodaj nowe i wyszukaj „Wymuś regenerację miniatur”.
• Zainstaluj i aktywuj wtyczkę.
• Uruchom wtyczkę, aby zregenerować wszystkie miniatury w oparciu o nowe ustawienia.

Opcjonalny krok dla zaawansowanych użytkowników : Dostosuj rozmiary obrazu za pomocą kodu

• Jeśli wiesz, jak kodować, możesz użyć haków WooCommerce, aby dostosować rozmiary obrazów.
• Na przykład funkcja wc_get_image_size może służyć do modyfikowania definicji rozmiaru obrazu.

8. Jak przywrócić obrazy do oryginalnej wersji?

Podczas edycji obrazu może się zdarzyć, że nie będziesz zadowolony ze zmian lub zorientujesz się, że popełniłeś błąd. Jeśli tak się stanie, możesz łatwo przywrócić oryginalną wersję obrazu.

Po prostu kliknij przycisk „Anuluj edycję”, a obraz zostanie przywrócony do pierwotnego stanu.

Teraz, gdy wiesz, jak edytować i zmieniać rozmiar obrazów, ważne jest, aby je również zoptymalizować, aby zapobiec powolnemu ładowaniu, które ma kluczowe znaczenie dla wydajności Twojej witryny.

Z tego powodu prowadzimy wiele innych blogów poświęconych technikom optymalizacji obrazów, które również musisz przeczytać.

• 5 najlepszych wtyczek Image Optimizer poprawiających szybkość witryny i SEO
• Jak znaleźć i dodać zdjęcia stockowe podczas pracy na WordPressie?
• 22 najlepsze sposoby na przyspieszenie wydajności WordPressa

Jeśli wolisz unikać zajmowania się wszystkimi tymi szczegółami i chcesz mieć spokój ducha, najlepszym skrótem jest hostowanie lub migracja witryny do szybkiej, zarządzanej usługi hostingowej WordPress. Dzięki temu możesz mieć pewność, że wydajność i konserwacja Twojej witryny są w dobrych rękach.

Streszczenie

Niezależnie od tego, czy tworzysz witrynę z portfolio fotograficznym, sklep eCommerce, czy po prostu dodajesz i edytujesz obrazy w swoich postach, te taktyki mogą ulepszyć ogólny projekt witryny i poprawić wygodę użytkownika.

Aby w tym pomóc, WordPress oferuje wbudowane opcje edycji obrazu, takie jak obracanie, skalowanie, kadrowanie i wyrównywanie, które są proste w użyciu. Dodatkowo możesz skorzystać z wtyczek WordPress, które oferują bardziej zaawansowane funkcje, takie jak masowa edycja obrazów.

Ale to nie wszystko — edycja i zmiana rozmiaru obrazów to dopiero początek. Aby zapewnić lepsze doświadczenie użytkownika i skrócić czas ładowania, zamieściliśmy także kilka wskazówek i wskazówek dotyczących optymalizacji, których możesz przestrzegać.

Rahul

Rahul Kumar jest entuzjastą sieci i specjalistą ds. strategii treści, specjalizującym się w WordPressie i hostingu. Dzięki wieloletniemu doświadczeniu i zaangażowaniu w bycie na bieżąco z trendami branżowymi tworzy skuteczne strategie online, które generują ruch, zwiększają zaangażowanie i zwiększają konwersję. Dbałość Rahula o szczegóły i umiejętność tworzenia atrakcyjnych treści czyni go cennym nabytkiem dla każdej marki chcącej poprawić swoją obecność w Internecie.