Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak naprawić typowe problemy z obrazkami w WordPress (Ultimate Guide)

Czy chcesz poprawić typowe problemy z obrazkami w WordPressie?

WordPress oferuje całkiem zgrabne narzędzia do zarządzania i edycji obrazków. Możesz łatwo przesyłać obrazki, wyrównywać je, a nawet edytować wewnątrz WordPressa. Jednak odkrycie tych funkcji edycji obrazków może zająć użytkownikom trochę czasu.

W tym artykule omówimy najczęstsze problemy z obrazkami w WordPressie i sposoby ich poprawki.

Fixing common image issues in WordPress

Ponieważ jest to szczegółowy artykuł, poniżej znajduje się lista problemów związanych z obrazkami, które omówimy w tym artykule. Możesz użyć tych szybkich odnośników, aby przejść do określonego tematu:

Potrzebujesz pomocy w poprawce problemów z obrazkami WordPress? W WPBeginner Pro Services oferujemy przystępną cenowo pomoc techniczną WordPress w nagłych wypadkach, aby szybko i niezawodnie rozwiązać wszystkie twoje problemy z obrazkami WordPress lub inne problemy z witryną internetową. Przestań stresować się twoją witryną i zajmij się nią. Zaplanuj awaryjną pomoc techniczną WordPress już dziś!

Jak wgrać obrazek do WordPressa?

WordPress umożliwia bardzo łatwe przesyłanie obrazków do twoich wpisów, stron i obszarów niezwiązanych z treścią, takich jak panele boczne.

Aby załadować obrazki do wpisów i stron WordPress, wystarczy dodać blok Image do edytora treści.

Adding an image block to your WordPress website

Blok z obrazkiem można również dodać, wpisując po prostu /image w bloku akapitu.

Edytor zacznie wyświetlać bloki, które można wstawić, gdy tylko zaczniesz wybierać rodzaj tekstu.

Adding image block

WordPress doda teraz blok z obrazkiem do edytora.

Musisz kliknąć przycisk „Prześlij”, aby wybrać i przesłać obrazek z twojego komputera.

Select and upload image

Możesz także wybrać wcześniej przesłany obrazek z Twojej biblioteki multimediów.

Po przesłaniu obrazka, w edytorze treści pojawi się podgląd obrazu na żywo.

Image preview

W prawym panelu znajdują się również ustawienia obrazków. W tym miejscu można podać tekst alternatywny obrazka, wybrać rozmiar obrazka i dostosować styl obrazka.

Pro Tip: Masz problem z wgrywaniem obrazków do WordPressa? Zapoznaj się z naszym przewodnikiem na temat tego, jak poprawić problem z przesyłaniem obrazków w WordPress.

Jak wyrównać obrazek do lewej lub prawej strony w WordPress?

W WordPressie wyrównywanie obrazków do lewej, prawej lub środka jest bardzo proste. Wystarczy wybrać obrazek, klikając na niego, a następnie kliknąć przycisk wyrównania na pasku narzędzi bloku.

Image alignment options

Być może zauważyłeś, jak niektóre popularne blogi WordPress używają obrazków z zawiniętym wokół nich tekstem.

Odbywa się to za pomocą funkcji wyrównania.

Image aligned left with text on the right

Alternatywnie można również użyć bloku Media i tekst zamiast bloku Obrazek.

Ten blok jest przeznaczony specjalnie do dodawania obrazków obok tekstu.

Media and text block

Następnie można przesłać obrazek i tekst obok siebie.

Można również użyć paska narzędzi bloku, aby zmienić stronę obrazka lub tekstu.

Image next to the text in WordPress

Aby uzyskać szczegółowe wskazówki, możesz zapoznać się z naszym przewodnikiem na temat wyrównywania obrazków za pomocą edytora bloków WordPress.

Jak dodać podpisy pod obrazkami

WordPress umożliwia łatwe dodawanie podpisów do obrazków. Po przesłaniu obrazka zobaczysz opcję dodania podpisu tuż pod podglądem obrazka.

Write caption for an image in WordPress

W podobny sposób można również dodawać podpisy do galerii obrazków w WordPress. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat dodawania podpisów do obrazków w WordPress.

Jak wyświetlać zdjęcia w kolumnach i wierszach?

Użytkownicy często pytają nas, jak wyświetlać zdjęcia w kolumnach i wierszach.

Załóżmy, że chcesz udostępnić zdjęcia z przyjęcia urodzinowego lub zdjęcia z wakacji. Możesz dodawać je pojedynczo do wpisu, ale będzie to wyglądać jak długa lista obrazków.

Lepszym sposobem na pogrupowanie twoich zdjęć jest tworzenie galerii obrazków.

WordPress posiada wbudowany blok Galeria, który umożliwia łatwe dodawanie obrazków w wierszach i kolumnach z podglądem miniaturek.

Po prostu dodaj blok Galeria do edytora wpisów i wybierz obrazki, które chcesz przesłać.

Adding a gallery in WordPress

Aby uzyskać bardziej szczegółowe instrukcje, zapoznaj się z naszym przewodnikiem na temat tworzenia galerii obrazków w WordPress.

Jak tworzyć responsywne galerie obrazków w WordPress?

Zauważysz, że domyślnym galeriom obrazów WordPress brakuje kilku funkcji. Na przykład, nie są one również zbyt łatwe do przeglądania.

Jeśli często przesyłasz obrazki i zdjęcia na twoją witrynę WordPress, to przyda ci się wtyczka do galerii zdjęć WordPress.

Zalecamy korzystanie z Envira Gallery. Umożliwia ona łatwe tworzenie pięknych i w pełni przyjaznych dla urządzeń mobilnych galerii obrazków na twojej witrynie WordPress.

Envira Gallery

Najlepsze jest to, że dodaje dodatkowe funkcje, takie jak albumy, szablony galerii, udostępnianie społecznościowe, pokazy slajdów, znaki wodne, paginacja, ochrona hasłem, tagi, tryb pełnoekranowy i wiele innych.

Inną popularną wtyczką do galerii zdjęć WordPress jest NextGEN Gallery. Oferuje wiele układów galerii i piękną galerię lightbox do wyświetlania obrazków w WordPress.

NextGen Gallery

NextGEN Gallery zawiera również zaawansowane funkcje dla profesjonalnych fotografów, takie jak proofing zdjęć, realizacja wydruków, ochrona obrazków, dodatek do Adobe Lightroom, bramki płatności PayPal i Stripe i wiele innych.

Jak poprawić brakujące miniaturki wpisów / obrazki wyróżniające?

Większość motywów WordPress pozwala na wyświetlanie wyróżniającego się obrazka wraz z twoimi artykułami. Przyjrzyjmy się, jak ustawić wyróżniający się obrazek w WordPress, aby uniknąć brakujących miniaturek.

Setting a featured image for a WordPress post

Najpierw musisz kliknąć „Ustaw obrazek wyróżniający”, aby przesłać twoją miniaturkę wpisu.

Po wgraniu obrazka będziesz mógł zobaczyć miniaturkę twojego wpisu w polu meta wyróżniającego się obrazka, tak jak poniżej.

Featured image preview in post editor

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat dodawania wyróżniającego się obrazka lub miniaturki wpisu w WordPress.

Jak dodać obrazki okładek do wpisów i stron w WordPressie?

Obrazy okładek to szerokie lub pełnowymiarowe obrazki, które mogą być używane jako separator między różnymi sekcjami artykułu lub długiej strony sprzedażowej.

Są one bardzo angażujące i pomagają użytkownikom łatwo skanować stronę bez uczucia przytłoczenia zbyt dużą ilością tekstu.

Aby dodać obrazek okładki, wystarczy dodać blok Okładka do edytora treści.

Add the Cover block

Następnie należy przesłać obrazek z twojego komputera lub wybrać go z biblioteki multimediów. Jeśli nie chcesz używać obrazka, możesz również wybrać kolorowe tło jako okładkę.

Wskazówka: Aby uzyskać lepszy efekt, najlepiej użyć dużego obrazka.

Zobaczysz teraz podgląd na żywo twojego obrazka okładki w edytorze. Możesz zmienić opcje wyświetlania obrazka okładki z paska narzędzi bloku lub skorzystać z ustawień po prawej stronie.

Cover image preview

Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem na temat różnicy między obrazkiem okładki a obrazkiem wyróżniającym w WordPress i jak skutecznie z nich korzystać.

Jak poprawić problem z obrazkiem wyróżniającym pojawiającym się dwa razy?

Wstawienie obrazka wyróżniającego wewnątrz treści jest częstym błędem popełnianym przez początkujących.

Po ustawieniu obrazka wyróżniającego, nie musisz wstawić go do wpisu wraz z twoją treścią.

Spowoduje to, że Twój wyróżniający się obrazek pojawi się dwukrotnie. Raz jako obrazek wyróżniający i raz jako obrazek wewnątrz wpisu.

Featured image appearing twice

Możesz dodać inne obrazy do swojego wpisu, ale wyróżniający się obrazek znajdzie się w polu wyróżnionego obrazka.

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat poprawki obrazków wyróżniających pojawiających się dwukrotnie we wpisach WordPress.

Jak przycinać obrazki w WordPressie?

Gdy przesyłasz obrazki z twojego telefonu lub aparatu, są one zazwyczaj zbyt duże.

WordPress automatycznie tworzy małe, średnie i duże rozmiary obrazków dla twojego oryginalnie przesłanego pliku. Czasami jednak może być konieczne przycięcie obrazka w innym rozmiarze.

WordPress nie jest Photoshopem, ale posiada kilka podstawowych funkcji edycji obrazów, takich jak skalowanie, przycinanie, przerzucanie i obracanie obrazów.

Wystarczy przejść do sekcji Media ” Utwórz nowy i załadować twój obrazek. Po przesłaniu obrazka zobaczysz odnośnik „Edytuj” obok przesłanego obrazka.

Kliknięcie go spowoduje otwarcie ekranu Edytuj media, na którym zobaczysz przycisk „Edytuj obrazek” tuż pod obrazkiem. Spowoduje to otwarcie edytora obrazków WordPress.

Editing image in WordPress

Z tego miejsca możesz kliknąć przycisk „Edytuj obrazek” poniżej podglądu obrazka. Spowoduje to otwarcie ekranu edycji obrazka.

Na ekranie edytora obrazków widoczne są przyciski umożliwiające wykonywanie podstawowych zadań związanych z edycją obrazków, takich jak przycinanie, obracanie, zmiana rozmiaru itp.

WordPress image editing features

Jeśli korzystasz z edytora bloków, możesz przycinać obrazy za pomocą wbudowanej funkcji przycinania na pasku narzędzi obrazu.

Wystarczy kliknąć blok obrazka i wybrać ikonkę „Przytnij” na pasku narzędzi.

Clicking the Crop button in the Image Block Toolbar

Następnie możesz dostosować proporcje obrazu i przycięty obszar obrazka do swoich preferencji.

Możesz użyć twojego oryginalnego współczynnika proporcji lub predefiniowanego przez WordPress.

Selecting an aspect ratio in the Image Block Toolbar

Aby uzyskać bardziej szczegółowe instrukcje, zapoznaj się z naszym przewodnikiem na temat przycinania, obracania, skalowania i przerzucania obrazków w WordPress.

Jak dodać obrazek nagłówka w WordPress?

Obrazek nagłówka w WordPress jest funkcją motywu. Wiele darmowych i premium motywów WordPress posiada obsługę obrazków nagłówków.

Niektóre motywy WordPress pozwalają ustawić obrazek nagłówka dla całej witryny, podczas gdy inne pozwalają ustawić obrazek nagłówka tylko dla strony głównej.

Możesz przesłać swój własny obrazek nagłówka ze strony Wygląd ” Dostosuj.

Header options

Jeśli korzystasz z motywu Block, miejsce edycji nagłówka twojego motywu jest inne.

Najpierw musisz przejść do Wygląd ” Edytor.

Selecting the Full-Site Editor from the WordPress admin panel

Następnie wybierz opcję „Wzorce”.

Spowoduje to przejście do strony, na której można uzyskać dostęp do wzorca nagłówka twojego motywu.

Patterns in site editor

Następnie przewiń w dół do sekcji Fragmenty szablonu.

Gdy to zrobisz, po prostu wybierz „Nagłówek” i kliknij szablon nagłówka, aby go edytować.

Selecting the Header pattern on the WordPress Block Editor

Stamtąd możesz dodać blok obrazka do wzorca nagłówka, tak jak w pierwszej części tego artykułu.

Jak dodać obrazek tła w WordPress?

Podobnie jak niestandardowy obraz nagłówka, niestandardowy obraz tła jest również funkcją motywu WordPress. Wiele motywów WordPress posiada obsługę własnych obrazków tła.

Przejdź na stronę Wygląd ” Dostosuj, aby uruchomić konfigurator motywu. Jeśli widzisz opcję Obrazek tła, oznacza to, że twój motyw ma obsługę własnych teł.

Custom background

Jest to funkcja motywu, dlatego różni się w zależności od motywu. W zależności od twojego motywu, zobaczysz różne opcje stylizacji obrazka tła.

Jeśli twój motyw nie obsługuje obrazka tła, to nadal możesz użyć wtyczki, aby dodać pełnoekranowe obrazki tła do twojej witryny internetowej.

Jak zoptymalizować obrazki dla WordPress bez utraty ich jakości?

Jednym z najczęstszych problemów z obrazkami, z jakimi spotykają się użytkownicy WordPressa, jest kompresja obrazów bez utraty ich jakości.

Zoptymalizowane obrazki są nie tylko szybsze do przesłania, ale także szybciej się wczytują, co poprawia wrażenia użytkownika i zmniejsza współczynnik odrzuceń. Dzieje się tak, ponieważ zużywają mniej przepustowości, oszczędzając zużycie danych dla użytkowników z ograniczonymi połączeniami internetowymi.

Wyszukiwarki biorą również pod uwagę szybkość strony podczas rankingowania witryn internetowych. Zoptymalizowane obrazki przyczyniają się do szybszego wczytywania, potencjalnie zwiększając twój ranking wyszukiwania.

Na szczęście optymalizacja obrazków jest całkiem prosta. Wszystko, czego potrzebujesz, to dobre narzędzie do optymalizacji obrazków, takie jak Imagely. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat optymalizacji obrazków bez utraty jakości.

Compressing images automatically using powerful machine learning algorithms

Dodatkowo, warto rozważyć leniwe wczytywanie twoich obrazków. Ta taktyka uniemożliwi przeglądarkom wczytywanie obrazów na twojej witrynie internetowej, dopóki użytkownik nie przewinie w dół do lokalizacji obrazka.

Jak dodać atrybuty tytułu do obrazków WordPress

Atrybuty title, choć nie są niezbędne do działania obrazka, zapewniają krótki opis obrazka, który pojawia się, gdy użytkownik najedzie na niego kursorem.

Może to poprawić wrażenia użytkownika, zapewniając odwiedzającym Twoją stronę dodatkowy kontekst. Na przykład, jeśli masz obrazek pysznego ciasta czekoladowego, atrybut tytułu taki jak „Domowe ciasto czekoladowe” może być pomocny.

An example of an image with a title attribute in WordPress

Atrybuty tytułu mogą być również korzystne dla SEO WordPress. Chociaż nie mają one bezpośredniego wpływu na ranking wyszukiwania, mogą pomóc wyszukiwarkom zrozumieć treść twojego obrazka i poprawić dostępność twojej witryny internetowej.

Aby uzyskać instrukcje krok po kroku, zapoznaj się z naszym przewodnikiem na temat dodawania atrybutów tytułu do twoich obrazków w WordPress.

Jak znaleźć darmowe obrazki do twoich wpisów na blogu WordPress?

Finding images for blog posts

Obrazki mogą wyróżnić twój artykuł. Musisz jednak szanować prawa autorskie innych osób i znaleźć obrazki, których możesz legalnie używać.

Nasi czytelnicy często pytają nas o to, jak znaleźć najlepsze, wolne od tantiem obrazki do wykorzystania w swoich wpisach.

Istnieje wiele witryn internetowych, na których można znaleźć obrazy bez tantiem. Wkrótce jednak można powiadomienie, że obrazki na tych witrynach wyglądają na nadużywane i ogólne.

Możesz zobaczyć naszą listę najlepszych źródeł darmowych obrazków z domeny publicznej i na licencji CC0, aby uzyskać więcej referencji.

Alternatywnie, możesz także użyć sztucznej inteligencji do generowania unikatowych obraz ków i sprawić, że twoje wizualizacje będą wyróżniać się na tle konkurencji.

Jak kategoryzować i tagować obrazki w WordPressie?

Jeśli prowadzisz bloga fotograficznego, to powiadomienie, że WordPress nie pozwala na sortowanie zdjęć i obrazków.

Czy nie byłoby wspaniale, gdybyś mógł dodawać tagi do swoich obrazków, abyś ty i twoi użytkownicy mogli je łatwo przeglądać?

Na szczęście istnieje kilka świetnych wtyczek, które pozwalają to zrobić. Więcej szczegółów można znaleźć w naszym artykule na temat dodawania kategorii i tagów do biblioteki multimediów WordPress.

Filter images by category

W przypadku bloga związanego z fotografią najlepszą opcją jest skorzystanie z Envira Gallery, która zawiera dodatek umożliwiający dodawanie tagów.

Envira Gallery umożliwia tworzenie 111111 pięknych, gotowych na urządzenia mobilne galerii zdjęć w WordPress. Używając tagów, twoi użytkownicy mogą łatwo filtrować i sortować zdjęcia nawet bez przeładowywania strony.

Envira Gallery tags feature

Jak importować zewnętrzne obrazki w WordPress?

To pytanie często pojawia się podczas migracji twojej witryny do WordPressa. Niektóre obrazki na twojej witrynie internetowej mogą nadal wskazywać na starszą lokalizację.

Dotyczy to zwłaszcza użytkowników importujących blogi z Bloggera, Squarespace lub WordPress.com.

Podczas gdy obrazki na twojej witrynie mogą wyświetlać się poprawnie, nadal są one wczytywane z zewnętrznego źródła. Aby rozwiązać ten problem, wystarczy zainstalować i włączyć wtyczkę Auto Upload Images.

Auto Upload Images plugin settings

Wtyczka sprawdzi zewnętrzne obrazki po zaktualizowaniu lub zapisaniu dowolnego wpisu lub strony. Możesz to zrobić ręcznie dla każdego wpisu lub strony, lub możesz zbiorczo edytować wszystkie wpisy i po prostu kliknąć przycisk aktualizacji.

Szczegółowe instrukcje można znaleźć w naszym przewodniku na temat importowania zewnętrznych obrazków w WordPress.

Jak wymagać obrazków wyróżniających dla wpisów w WordPressie?

Prowadząc witrynę WordPress z wieloma autorami, niektórzy z twoich autorów mogą nie być zaznajomieni z funkcją wyróżniających się obrazków.

W takim przypadku warto przypomnieć sobie lub twoim użytkownikom o przesłaniu wyróżniającego obrazka za każdym razem, gdy przesyłają wpis w WordPress.

Można to zrobić instalując i włączając wtyczkę PublishPress Checklists.

Po włączaniu wtyczka wyświetli czerwony wykrzyknik i kartę Lista kontrolna informującą użytkowników, że ten wpis wymaga obrazka wyróżniającego.

Publish button will be disabled

Ty i twoi użytkownicy będziecie mogli zapisywać wpisy jako wersje robocze, ale nie będziecie mogli opublikować wpisu, dopóki nie dodacie obrazka wyróżniającego.

Zobacz nasz artykuł o tym, jak wymagać wyróżniających się obrazków dla wpisów w WordPressie, aby uzyskać więcej instrukcji.

Jak ustawić domyślny obrazek wyróżniający w WordPress?

Znalezienie idealnego obrazka wyróżniającego dla każdego wpisu lub artykułu jest trudnym zadaniem. Czasami możesz nie chcieć dodawać wyróżniającego obrazka do wpisu, ale twój motyw może wyglądać niezręcznie bez niego.

W tym miejscu może przydać się domyślny wyróżniający się obrazek. Domyślny wyróżniający się obrazek jest używany, gdy artykuł nie ma własnego wyróżniającego się obrazka.

Domyślny obrazek wyróżniający można ustawić za pomocą wtyczki Default featured image.

Default featured image

Aby uzyskać więcej instrukcji, zapoznaj się z naszym przewodnikiem na temat ustawiania domyślnego obrazka wyróżniającego w WordPress.

Jak utworzyć dodatkowe rozmiary obrazków w WordPress?

Domyślnie WordPress tworzy i zapisuje różne rozmiary twoich przesłanych obrazków, w tym miniaturek. Twój motyw WordPress może również generować różne rozmiary obrazków.

Jeśli chcesz utworzyć dodatkowe rozmiary obrazków dla swojej witryny internetowej WordPress, musisz je zarejestrować, dodając własny kod do pliku functions.php twojego motywu.

Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem na temat tworzenia dodatkowych rozmiarów obrazków w WordPress.

Jak uniemożliwić WordPressowi generowanie rozmiarów obrazków

Jak wyjaśniono wcześniej, WordPress tworzy wiele rozmiarów obrazków dla twojego uploadu, w tym miniaturki, średnie i duże rozmiary. Są one pomocne przy wyświetlaniu obrazków w różnych kontekstach na twojej witrynie internetowej.

Jeśli jednak używasz własnych rozmiarów obrazków lub chcesz zoptymalizować przestrzeń dyskową swojej witryny internetowej, możesz uniemożliwić WordPressowi generowanie tych dodatkowych rozmiarów.

Aby dowiedzieć się, jak to zrobić, możesz przeczytać nasz poradnik o tym, jak uniemożliwić WordPressowi generowanie wielu rozmiarów obrazków.

Jak zapobiegać kradzieży obrazków w WordPress?

Zdarza się, że użytkownicy kradną obrazki z twojej witryny internetowej WordPress i wykorzystują je na swoich witrynach. Może to być bardzo frustrujące, zwłaszcza jeśli robisz własne zdjęcia lub tworzysz własne grafiki.

Na szczęście można zapobiec kradzieży obrazków, wyłączając klikanie prawym przyciskiem myszy, dodając znak wodny do twoich obrazków, wyłączając hotlinkowanie i dodając powiadomienia o prawach autorskich.

Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem na temat zapobiegania kradzieży obrazków w WordPress.

Mamy nadzieję, że ten artykuł pomógł ci poprawić niektóre z najczęstszych problemów z obrazkami w WordPress. Zachęcamy również do zapoznania się z naszą listą najczęstszych błędów WordPress i sposobów ich popraw ki, a także z wyborem najlepszych wtyczek WordPress, które pomogą ci rozwinąć twoją witrynę.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

264 komentarzeZostaw odpowiedź

  1. Patricia Mulvey

    I’m having trouble with featured images warping when published. They look fine in the media library, but they distort horizontally when I set them as featured images.

  2. Guest

    When I am sharing my post the image is not coming up as a thumbnail on other social sites…. ? How to fix that ?

  3. Meenakshi

    Hi, I am using the cutomizr theme on wordpress. The „Add media” button doesn’t work, because of this I am not able to upload any images.

    Can you please provide some help in this regard?

  4. Patricia Goertzen

    I can’t believe this! I just spent 20 minutes typing out my problem and then had to sign in and everything I worked on seems to be lost!

    I guess I have to start over. I am Executive Director of a Not-for-Profit. I picked Wordpress because it was supposed to be user friendly. But I have not found that to be the case; especially when updating. Our theme doesn’t work properly and I’m afraid to update WP because last time it blocked my site completely and I had no way to get in. I had to have our server manager access the site to disable plugins. Anyway, right now we are running a Christmas fair as a fundraiser and I have a vendors map that has to be updated a number of times a week. We create the jpeg and no matter how we upload – using drag and drop to the media file or directly to the post, or select files to either of those, or the different browser scenario – multi or otherwise, there is no consistency as to whether the post will show as the new picture or the old picture, even when we can see that the post and media show the new picture, when we log in to the front end with more than one different computer and check the link on the post for the picture, the last uploaded one shows up. We have not been able to figure out how we finally upload and it usually takes an hour or more of trying. There should be a consistent way to upload the new image directly to the post and then be able to click the hyperlink on the front end to get the new picture. I don’t know how to do code.

  5. chris

    I am Using Nextgen gallery for slideshow in my posts. Previously it was working fine. I am not sure what went wrong, it is not working like before. I can upload images to create nextgen gallery , but not able to see the thumbnails. If i click that broken thumbnail it’s displaying an image. Getting an error message saying „GD Library missing” . Suggest me to fix this issue. Thanks in advance.

  6. Gil

    I’m new to Wordpress. I just imported 400 plus posts with images and the images doubled on every post. Any fix?Do I have to remove the featured images manually?!?!

  7. WPBeginner Staff

    To troubleshoot this issue, we would recommend you to deactivate all plugins and switch to a default WordPress theme like Twenty Twelve or Thirteen. After that try to reupload the images that caused issues earlier. If you are unable to reproduce the problem then this means there is an issue with your theme or a plugin on your site.

    Hope this helps

  8. JoshFrets

    Whenever I include a caption on a photo, the photo gets cropped––a chunk gets taken off the right side. Without a caption, every photo is perfectly responsive.

    Has anyone else had this issue? Is it a WP thing, or my theme?

  9. Manuel Echeverry

    need some help here. On some post when I publish them the images wont load, it shows a broken image icon, but if you click the icon the image opens fine.

    i detected that this happens with some pictures with dimensions bigger that 3.000 x 3.000 pixels but it ts not always and reducing the resolution not allways solve the problem.

    I also notices that the problematic images change the URL type from multimedia to custom URL, so y changed it to multimedia URL when edit the post and the image loads fine again.

    so my question is, why the wordpress editor change the url of some of my images to custom URL generating this load image problem? and how to solve it

  10. WPBeginner Staff

    Their are two common causes of this issue.

    1. Your theme is displaying images that are not regenerated for the image size used by the theme for featured images. In this case, you need to regenerate new image sizes

    2. Your theme does not have an image size associated with featured image and it is using the img width and height parameters to scale images down to fit in the thumbnail area. In this case, you need to add a new image size for your thumbnails.

  11. Elizabeth

    How do I keep a featured image from becoming distorted or stretched out?

  12. Gabriel

    Hello WPBeginner Community!

    I have a question about WordPress that has left me dumbfounded. I am currently running version 3.9.1, and something weird happened. In the image editor window, the tabs have disappeared, so I can no longer toggle between Edit Image and Advanced Settings. I was wondering if you know how I can restore the tabs.

    Thank you in advance.

    Best,
    Gabriel

  13. kelly

    Thanks for the tip on Importing External Images! Just wondering if any one came across a problem with uploading gifs, only to have them automatically renamed (by wordpress) as a jpg (via add media)? And when you physically check your files via FTP or file manager, the so-called .jpg file is just not there. How to solve this problem?

  14. guil2209

    The text doesn’t always align correctly anyway. The problem with text wrapping is that if your last line is too short the sentence is cut and ends below the picture instead of being align with the rest of the paragraph. That looks like shit.. I have solved most of these issues by using tables.

    Like:

    your photo or text

    your photo or text>

    That solution works great for me. It prevents pictures from resizing and it makes the text aligned perfectly and prevents some other issues. I create a third cell that I leave blanc to have a space between the two cells.

  15. Dan

    I am new to Wordpress and I notice sometime when I add a photo to a web page the photo is simply white (not the photo I selected). If I click on the photo, I can see the image I was trying to upload onto the page but when I hit the back arrow the image goes back to being just white. Have you an idea how to fix this. It doesn’t happen all the time.

  16. WPBeginner Staff

    Contact your web host. Check the support threads for all the plugins you have installed, see if someone else is having the similar issue. Also check your theme’s support forums to see if some users have reported similar issue.

  17. Secret Style

    Some great tips! I generally do not have problems with images, only once posts are over 6 months old. I do a lot of beauty and product reviews so even after 12 months my posts are still valid and searched for but images seem to disappear from the post? Even on my pages, every 8 months or so I have to re-load images as they just disappear.
    Any suggestions?

  18. Lara G

    Hi. I’m having a different problem and am wondering if you can help. I am using the adament theme. It creates sliders for the galleries in a portfolio. However, the slider is cutting off everyone’s faces and showing only feet, and is also too big. Is there any way to fix this?

    • WPBeginner Support

      Sorry but we are unable to provide support for individual WordPress themes. Please contact theme developers and they will be able to help you better.

      Administrator

  19. Dan

    I am still wondering about something. I removed the default image linking. When I go into my wordpress media files, they all have their own web addresses than can allow comments, allow me to do seo, etc.. Can I get rid of those webpages? It is a different address than the one that was used in image linking before I removed it.

    Thank You.

  20. Connor Doherty

    I have been using Wordpress since September and I have found it to be a great way to publish articles with an insane amount of GIFs and images! Before I used to be able to simply paste everything (gifs and photos) from my google doc into my wordpress post without any issue. But now it seems that whenever I try to do so the images and GIFs don’t come up and I have to input them (add media) into the article individually. Is there a reason for this change? I find that it’s a lot more time consuming and tedious and I’m not sure why it’s this way now. Am I missing something?

    • WPBeginner Support

      Connor, we never tried copy pasting an article with images from Google Docs into WordPress. We believe that on your older posts WordPress was able to show images as remote images, this means your images were probably stored with public viewing access on Google docs. It seems like they are not publicly viewable on Google docs so when you copy paste your article from Google Docs to WordPress, it is unable to display the images.

      It might be tedious and a bit extra work for you, but we think that importing images through media is a much better approach. Also you can try Import External Images plugin and see if it helps you easily import images.

      Administrator

  21. Deborah Maas

    I have an image question – I publish posts with no problem, but when it comes to sharing them on Facebook, I am only able to select a thumbnail from an option of three images, even though I include many more than that, and the one I want to be the thumbnail with the link I share on Facebook, is unavailable, even if I have set it to featured image. How can I specifically select the exact image I want to appear beside the Facebook link?

    • WPBeginner Support

      This is a known issue with facebook. When a Post is shared through the Like button on a site facebook correctly detects featured image. However, when the URL is posted in the status box, then facebook fetches the images inside the article and ignores the featured image.

      Administrator

  22. Catherine

    Hi,

    I’m facing problem with featured image when i make a new post, successfully set featured image, but the image isn’t show up after posting. I’d checked the screen options, and the featured image is selected. What did I do wrong ?

    Need your advice.

    Thanks.

    • WPBeginner Support

      Featured Images are basically a theme feature, this means how a featured image is displayed on your site is handled by your WordPress Theme. There are thousands of WordPress themes so it is difficult for us to provide you theme specific support. Please contact your theme support and they will be help you better in this regard.

      Administrator

  23. Nikhil

    thanks for all these helpful tips. I have a problem on my wordpress blog which i hope you can solve. I have a tempera theme installed and have manually set the width of the content area and sidebar widget area. however when i upload photos to my posts, the images get cut off from the right side. They also appear really stretched out in the „Add new post” composer. How do I resolve this problem?

    Thanks
    nikhil

    • WPBeginner Support

      Nikhil it seems like your modifications to the theme are not working as you expected. First backup your theme files so that your modifications are safe. Then install a fresh copy of theme and try it on. If the image problems do not appear in the theme with no modifications, then you need to fix the changes you made to your theme.

      Administrator

  24. SM-Mahdavi

    Thanks,, its very usefull and easy to learn for begginers.

  25. David Weight

    This is a very useful site, very helpful. One thing I’m having a problem with that I’ve not seen a question about.

    I’ve got a page for a client that lists everyone there. I’ve needed to add a new person to the gallery – image and details, all done and correct. The order of the gallery has been correct, the new person needs to show on the page as the last person. This looks correct in the order in the gallery, but when I publish the updated page, they’re appearing first in the column, not last.

    I’m sure it’s something really obvious that I’m missing… any one got any suggestions? It would be really helpful.

  26. Doreen

    Lately when I’ve been adding a permalink to a SM site such as FB or Google +, the image that appears automatically has nothing to do with the post I want to feature but with another post I wrote about three months ago.

    Any clue as to why this is happening?

    Thanks so much!

    • Gord

      Facebook has a size limit and sometimes this is all it is. I say sometimes because in my experience, FB is full of surprises. I believe any dimension must be at least 400px. Works for me.

  27. amber

    one of my fav features was being able to customize the size once a picture was added to a post by clicking on the buttons in the top left hand corner – this afternoon i updated my site and now it seems those buttons aren’t working. they still appear but don’t lead anywhere.

    HELP?? :))

  28. Valerie

    Hi – I’m following your instructions, but I’m having a lot of trouble „wrapping’ text around images in WP. Sometimes the text will wrap, but when I do the exact same thing on the next page, it won’t. Also, sometimes the images will resize for me, sometimes not. It’s getting frustrating.

    I’ve googled for the answer to this but the closest I could come up with was this post on your blog (I’m a subscriber to you guys – great info).

    I’m not new to WP, but this is a new portfolio site for my writing and I want it to look nicer than what I’ve been doing and have some consistency across the pages… again, frustrating when the behavior of the CMS isn’t consistent.

    Any advice you can give me would be great. Thanks!

    • WPBeginner Support

      Valerie, if you use the Visual post editor, then after adding an image you will be able to see how the text around the image behaves inside the post editor. Or you can click on the preview button to see how it behaves. In visual post editor all you need to do is click on edit image button on the image and then adjust the alignment. Hope this helps.

      Administrator

  29. Aliona

    Hi, I have a problem. I can’t add any pictures to Media Library, it says ” Error saving media attachment” or ” “xxxxxx.jpg” has failed to upload due to an error
    Unable to create directory wp-content/uploads/2014/02. Is its parent directory writable by the server?”
    I tried to change file permissions for /wp-content/uploads/ folder to 755 but it still the same problem. Do you have any idea what can i do?
    Many thanks.

  30. Liz

    I am working on localdev of a new site using content downloaded from the current live site. I was told by the guy who hosts it that I could export posts, pages etc but not the images. In localdev, I am seeing images, even in the media library, but no image is rendering properly on the new theme because of sizing being different.

    I thought I’d go in an upload new resized images and add to all our old posts replacing the former ones. However, even if I do remove featured image and place the new sized one, I am still seeing the old image skewy. What’s the problem here, and will it be resolved only when I move the localdev site to live hosting? I am not sure what to do. Thanks.

  31. Diandra Landa

    My posts have several images. Being a food/cooking blog I tend to put the end results at the end of the posts. However, that leaves me with a picture of dough as the main image (that shows up as a big picture in the carousel on the homepage). I seem to have no contol over what image is chosen. Is it possible for me to choose the image shown?

  32. Kelly

    thanks for the tips. I am wondering if you can help me. I am trying to add a gallery onto a page. The images all get uploaded, but will not save? I try to click save and its as though it is frozen nothing happens? Any thoughts? TIA!!

    • WPBeginner Support

      Quick fix: if the images were successfully uploaded to media library you can create a gallery by selecting images from media library. As for frozen issue, there could be a few things. Check your directory permissions, increase php memory limit on your site, try testing by uploading one image at a time.

      Administrator

  33. Saeed Ghazi Joolaee

    Hi,
    Very useful basic information, But I have a strange problem in my wordpress. You talked about broken images in library and permission problems. But mine is another thing.
    Images in media library are OK but when I want edit them for example to crop a specific area for thumbnail image,(just this page http://cdn3.wpbeginner.com/wp-content/uploads/2013/10/crope-image-wordpress.jpg) the broken image is shown and I can’t edit my images totally. What’s wrong? please help me?
    Thanks in advance

  34. Mike Ogburn

    I created a simple animated GIF. When I place it in WordPress, Responsive theme, all I see is a non-animated image with the background changed from white to black (checked multiple browsers to see if this was just a Chrome issue — wasn’t). The uploaded image in the media library, however, is animated and looks just as it should. It just doesn’t work when placed on my page.

    Any solutions/work arounds?

    Thanks.

    • WPBeginner Support

      The most likely cause of this could be the image sizes. When you upload an image to WordPress, it automatically creates several copies of the image in different sizes those copies will not have your animation frames. You need to insert the image in full size to make sure it works.

      Administrator

  35. Christine Goodnough

    Very interesting information. What I’ve had trouble with is getting an e-mail picture –or scanning an image– and trying to include that in my post.

    I save the image in My Pictures and can see it there. I upload it to my Media file and can see it there. I can edit it and save the edit. I click Add media and see it in the draft. But when I post the article the picture doesn’t show up in my post. Rather, a few words like –Family photo– will show up and if you click on that, the image comes up separately.

    Why won’t this picture go into my post? I like to draw and am dismayed that I can’t post my own scanned pictures.

    • WPBeginner Support

      This could happen due to a variety of reasons. Try switching to a default WordPress theme like twenty fourteen or twenty thirteen and see if this resolves your issue.

      Administrator

  36. Lee Spencer

    I have posts with the link to photo’s to a old domain name that I no longer have. is there a way to change the links is each post with out editing each of the one at a time?

  37. Syed Balal Rumy

    After uploading image on wordpress, my image is coming very small. i am not able to fix this small size. please help ?

    • WPBeginner Support

      You probably need to change the image size to medium, or large. If that does not work, go to Media > Library and make sure that your uploaded image is there and is available in Full Size.

      Administrator

  38. Kamesjvara

    I have a problem with the featured image

    If i’m using set featured image, caption on the image will not show in the post, but if i’m using add media the caption for the image will show.

    how to fix that ? if i have 2 different gallery that not problem, but if the post is only need one photo it will be double post thumbnails :(

  39. Jeff Harris

    Regarding images for a moment, I’ve been having this problem uploading images.

    I keep getting this „Error saving media attachment..” I changed my site’s settings. My host changed permissions. And the error persists. I can’t upload anything to the site, and for an image-heavy site like mine, that’s a bad thing.

    This has been plaguing me for a month, and I need help.

    • WPBeginner Support

      The most common reason for this error is usually either file permissions or file size limit. Try changing file permissions for /wp-content/uploads/ folder to 755 or ask your host to do this for you.

      Administrator

  40. hans

    How to align or wrap gallery to the left or right (text) in WordPress?

  41. Franco

    Hi!
    May be you can help with resolving one more issue related to images.
    If a website uses front-posting or guest posts then how to restrict user access to their own images?
    The problem is users can see all images in Media Library.
    Thanks in advance!

  42. Emily

    My dream is that some site like this will have a grandma adviser. Not that you have to be an elder to be a know-not-much about techie stuff. Young people too haven’t a clue.
    I post images by putting them in my Open Office, and pasting the whole thing in. Works okay.

  43. Grandma Kc

    GREAT information! I have a question — maybe you can help? It makes me crazy that after uploading multiple images to the media library if you click edit next to one of the images to add a caption or alternate text it opens in a new tab which does not close when you hit update! So you can end up with the dashboard open in a bunch of tabs. I am running 3.6.1 and this didn’t happen with older versions — I think it started with 3.5 — do you know a way around this? Thanks!

    • WPBeginner Support

      Unfortunately there is no way around this. The Edit link is supposed to open in the new tab so that users can edit multiple images at once. We understand that you would want that new tab to close when you hit the update button, we agree it is kind of annoying to have these tabs opened. However, for other users clicking the update button does not necessarily mean that they are done editing image so I guess this is why the does not close automatically.

      Administrator

      • Grandma Kc

        Thanks for the answer! I appreciate it. Must admit I liked the old way better….. But thank you!

  44. Nandu Choudhary

    awesome tips – thanks!

  45. Lee Blue

    The first couple tips seemed very obvious, but as I progressed down the list it got more and more interesting. The gallery tips and fixing the double image post issue were my two favorite tips.

  46. Venu Hyderabad

    Recently i subscribe in your website, i got a lot of knowledge, especially in this post everything explained and easy to understand any one. thanks to share this image related post thanks a lot and share more knowledge as well..

  47. Ankit Chugh

    Super useful article… really liked the gallery option for posts…

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.