La gestione delle immagini in WordPress non è sempre semplice. Senza gli strumenti o le tecniche giuste, risolvere i problemi legati alle immagini può essere frustrante e richiedere molto tempo.
Sebbene le immagini siano fondamentali per rendere il vostro sito WordPress coinvolgente e visivamente accattivante, possono comunque sorgere dei problemi. Abbiamo sentito molti utenti che sospettano che le loro immagini influiscano sui tempi di caricamento del sito, sulla qualità della visualizzazione o sul dimensionamento.
Questi problemi possono avere un impatto negativo sulle prestazioni del sito e sull’esperienza dell’utente.
Noi di WPBeginner utilizziamo WordPress da oltre 16 anni e carichiamo costantemente immagini per migliorare i nostri contenuti e aumentare l’engagement. Durante questo periodo, abbiamo imparato i modi migliori per gestire questi problemi in modo efficiente.
In questa guida vi mostreremo come risolvere i problemi più comuni relativi alle immagini in WordPress, aiutandovi a migliorare la velocità, l’aspetto e le prestazioni complessive del vostro sito.
Poiché si tratta di un articolo dettagliato, ecco l’elenco dei problemi relativi alle immagini che verranno trattati in questo articolo. È possibile utilizzare questi collegamenti rapidi per passare a un determinato argomento:
- How to Upload Images in WordPress
- How to Align an Image to the Left or Right in WordPress
- How to Add Captions Below Images
- How to Display Photos in Columns and Rows
- How to Create Responsive Image Galleries in WordPress
- How to Fix Missing Post Thumbnails / Featured Image
- How to Add Cover Images in WordPress Posts and Pages
- How to Fix the Featured Image Appearing Twice Issue
- How to Crop Images in WordPress
- How to Add a Header Image in WordPress
- How to Add a Background Image in WordPress
- How to Optimize Images for WordPress Without Losing Their Quality
- How to Add Title Attributes to WordPress Images
- How to Find Free Images for Your WordPress Blog Posts
- How to Categorize and Tag Images in WordPress
- How to Import External Images in WordPress
- How to Require Featured Images for Posts in WordPress
- How to Set a Default Featured Image in WordPress
- How to Create Additional Image Sizes in WordPress
- How to Prevent WordPress from Generating Image Sizes
- How to Prevent Image Theft in WordPress
Avete bisogno di aiuto per risolvere i problemi di immagine di WordPress? Noi di WPBeginner Pro Services offriamo un’assistenza WordPress di emergenza a prezzi accessibili per risolvere tutti i vostri problemi di immagine di WordPress o altri problemi del sito web, in modo rapido e affidabile. Smettete di stressare il vostro sito e prendetevene cura. Verificate i nostri servizi di assistenza WordPress di emergenza oggi stesso!
Come caricare le immagini in WordPress
WordPress consente di caricare con estrema facilità le immagini nei post, nelle pagine e nelle aree non contenute, come le barre laterali.
Per caricare immagini nei post e nelle pagine di WordPress, è sufficiente aggiungere il blocco Immagine all’editor dei contenuti.
È possibile aggiungere il blocco immagine anche digitando semplicemente /image in un blocco “Paragrafo”.
L’editor inizierà a mostrare i blocchi che si possono inserire non appena si inizia a digitare.
WordPress aggiungerà ora il blocco immagine all’editor.
È necessario fare clic sul pulsante “Carica” per selezionare e caricare l’immagine dal computer.
È anche possibile selezionare un’immagine caricata in precedenza dalla propria “Libreria multimediale”.
Dopo aver caricato l’immagine, si vedrà un’anteprima live dell’immagine nell’editor dei contenuti.
Nel pannello di destra sono presenti anche le impostazioni delle immagini. Da qui è possibile fornire il testo alt dell’immagine, selezionare le dimensioni dell’immagine e personalizzare lo stile dell’immagine.
Suggerimento: Avete problemi con il caricamento di immagini su WordPress? Verificate la nostra guida su come risolvere il problema del caricamento delle immagini in WordPress.
Come allineare un’immagine a sinistra o a destra in WordPress
Con WordPress, allineare le immagini a sinistra, a destra o al centro è facile.
È sufficiente selezionare l’immagine facendo clic su di essa, quindi fare clic sul pulsante di allineamento dalla barra degli strumenti del blocco.
Avrete notato che alcuni blog WordPress popolari utilizzano immagini con testo avvolto intorno ad esse.
Ciò avviene utilizzando la funzione di allineamento.
In alternativa, è possibile utilizzare il blocco “Media e testo” invece del blocco “Immagine”.
Questo blocco è stato creato appositamente per aggiungere immagini accanto al testo.
È quindi possibile caricare un’immagine e un testo affiancati.
È inoltre possibile utilizzare la barra degli strumenti del blocco per modificare il lato dell’immagine o del testo.
Per una guida dettagliata, potete consultare la nostra guida su come allineare le immagini utilizzando l’editor di blocchi di WordPress.
Come aggiungere didascalie sotto le immagini
WordPress consente di aggiungere facilmente didascalie alle immagini. Dopo aver caricato un’immagine, vedrete l’opzione per aggiungere una didascalia proprio sotto l’anteprima dell’immagine.
Allo stesso modo, è possibile aggiungere didascalie alle gallerie di immagini in WordPress. Per maggiori dettagli, consultate la nostra guida su come aggiungere didascalie alle immagini in WordPress.
Come visualizzare le foto in colonne e righe
Spesso gli utenti ci chiedono come visualizzare ordinatamente le foto in colonne e righe.
Supponiamo di voler condividere le foto di una festa di compleanno o le foto di una vacanza. È possibile aggiungerle una per una in un post, ma sembreranno un lungo elenco di immagini.
Il modo migliore per raggruppare le foto è creare gallerie di immagini.
WordPress è dotato di un blocco “Galleria” integrato che consente di aggiungere facilmente immagini in righe e colonne con anteprime.
È sufficiente aggiungere il blocco “Galleria” all’editor del post e selezionare le immagini che si desidera caricare.
Per istruzioni più dettagliate, consultate la nostra guida su come creare una galleria di immagini in WordPress.
Come creare gallerie di immagini reattive in WordPress
Noterete che le gallerie di immagini predefinite di WordPress mancano di diverse funzionalità. Ad esempio, non sono molto facili da sfogliare.
Se caricate spesso immagini e fotografie sul vostro sito WordPress, avrete bisogno di un plugin per la galleria fotografica di WordPress.
Vi consigliamo di utilizzare Envira Gallery. Permette di creare facilmente gallerie di immagini bellissime e completamente mobile-friendly sul vostro sito WordPress.
Per ulteriori informazioni sul plugin, potete consultare la nostra recensione completa di Envira Gallery.
La parte migliore è che aggiunge funzionalità aggiuntive come album, modelli di galleria, condivisione sociale, slideshow, filigrana, paginazione, protezione con password, tagging, visualizzazione a schermo intero e molto altro ancora.
Un altro popolare plugin per la galleria fotografica di WordPress è NextGEN Gallery. Offre molti layout di galleria e una bella galleria lightbox per la visualizzazione delle immagini in WordPress.
NextGEN Gallery include anche potenti funzioni per i fotografi professionisti, come le prove di stampa, la realizzazione di stampe, la protezione delle immagini, l’addon per Adobe Lightroom, i gateway di pagamento PayPal e Stripe e altro ancora.
Per maggiori dettagli, potete consultare la nostra recensione completa di NextGEN Gallery.
Come correggere le anteprime mancanti dei post/immagini in primo piano
La maggior parte dei temi di WordPress consente di visualizzare un’immagine in evidenza con i propri articoli. Vediamo come impostare un’immagine in evidenza in WordPress per evitare di perdere le miniature.
Per prima cosa, è necessario fare clic su “Imposta immagine in primo piano” per caricare la miniatura del post.
Dopo aver caricato l’immagine, sarà possibile vedere la miniatura del post nel riquadro delle immagini in primo piano, come in questo caso.
Per maggiori dettagli, consultate la nostra guida su come aggiungere un’immagine in evidenza o una miniatura del post in WordPress.
Come aggiungere immagini di copertina nei post e nelle pagine di WordPress
Le immagini di copertina sono immagini larghe o a tutta larghezza che possono essere utilizzate come separatore tra le diverse sezioni di un articolo o di una lunga pagina di vendita.
Sono molto coinvolgenti e aiutano gli utenti a scansionare facilmente una pagina senza sentirsi sopraffatti da troppo testo.
Per aggiungere un’immagine di copertina, è sufficiente aggiungere il blocco Cover all’editor dei contenuti.
Successivamente, è necessario caricare l’immagine che si desidera utilizzare dal computer o selezionarne una dalla Libreria multimediale. Se non si desidera utilizzare un’immagine, è possibile selezionare uno sfondo a colori come copertina.
Suggerimento dell’esperto: per ottenere un risultato migliore, è meglio utilizzare un’immagine di grandi dimensioni.
Ora viene visualizzata un’anteprima live dell’immagine di copertina nell’editor. È possibile modificare le opzioni di visualizzazione dell’immagine di copertina dalla barra degli strumenti del blocco o utilizzare le impostazioni a destra.
Per saperne di più, consultate la nostra guida sulla differenza tra immagine di copertina e immagine in primo piano in WordPress e su come utilizzarle in modo efficace.
Come risolvere il problema dell’immagine in primo piano che appare due volte
Inserire l’immagine in evidenza all’interno del contenuto è un errore comune dei principianti.
Una volta impostata un’immagine in primo piano, non è necessario inserirla nel post insieme al contenuto.
In questo modo l’immagine in primo piano apparirà due volte. Una volta come immagine in evidenza e una volta come immagine all’interno del post.
È possibile aggiungere altre immagini all’interno del post, ma l’immagine in primo piano va nel riquadro dell’immagine in primo piano.
Per maggiori dettagli, leggete la nostra guida su come correggere le immagini in primo piano che appaiono due volte nei post di WordPress.
Come ritagliare le immagini in WordPress
Quando si caricano immagini dal telefono o dalla fotocamera, di solito sono troppo grandi.
WordPress crea automaticamente immagini di dimensioni piccole, medie e grandi per il caricamento originale. A volte, però, potrebbe essere necessario ritagliare l’immagine in una dimensione diversa.
WordPress non è Photoshop, ma è dotato di alcune funzioni di base per l’editing delle immagini, come scalare, ritagliare, capovolgere e ruotare le immagini.
Basta andare su Media ” Aggiungi nuovo e caricare l’immagine. Dopo aver caricato l’immagine, si vedrà un link “Modifica” accanto all’immagine caricata.
Facendo clic su di essa si aprirà la schermata “Modifica media”, dove si vedrà un pulsante “Modifica immagine” proprio sotto l’immagine. Questo aprirà l’editor di immagini di WordPress.
Da qui è possibile fare clic sul pulsante “Modifica immagine” sotto l’anteprima dell’immagine. Si aprirà la schermata di modifica dell’immagine.
Nella schermata dell’editor di immagini, vengono visualizzati i pulsanti per eseguire alcune operazioni di modifica di base delle immagini, come il ritaglio, la rotazione, il ridimensionamento, ecc.
Se si utilizza l’editor di blocchi, è possibile ritagliare le immagini utilizzando la funzione di ritaglio integrata nella barra degli strumenti delle immagini.
È sufficiente fare clic su un blocco di immagini e selezionare l’icona ‘Ritaglia’ nella barra degli strumenti.
Successivamente, è possibile regolare il rapporto di aspetto dell’immagine e l’area ritagliata dell’immagine in base alle proprie preferenze.
È possibile utilizzare il rapporto di aspetto originale o uno predefinito da WordPress.
Per istruzioni più dettagliate, potete consultare la nostra guida su come ritagliare, ruotare, scalare e capovolgere le immagini in WordPress.
Come aggiungere un’immagine di intestazione in WordPress
L’immagine di intestazione in WordPress è una caratteristica del tema. Molti temi WordPress gratuiti e premium sono dotati di supporto per le immagini di intestazione.
Alcuni temi WordPress consentono di impostare un’immagine di intestazione per tutto il sito, mentre altri permettono di impostare un’immagine di intestazione solo per la homepage.
È possibile caricare la propria immagine di intestazione personalizzata dalla pagina Aspetto ” Personalizza.
Se si utilizza un tema Block, la posizione per modificare l’intestazione del tema è diversa.
Per prima cosa, è necessario andare su Aspetto ” Editor.
Quindi, selezionare “Modelli”.
Si accede così a una pagina in cui è possibile accedere al modello di intestazione del tema.
Successivamente, si dovrà scorrere verso il basso fino alla sezione “Parti del modello”.
Una volta fatto ciò, basta selezionare “Intestazione” e fare clic sul modello di intestazione per modificarlo.
Da qui, è possibile aggiungere un blocco di immagini al modello di intestazione, come nella prima sezione di questo articolo.
Come aggiungere un’immagine di sfondo in WordPress
Come l’immagine di header personalizzata, l’immagine di sfondo personalizzata è una caratteristica dei temi WordPress. Molti temi WordPress supportano immagini di sfondo personalizzate.
Visitare Aspetto ” Personalizzazione per avviare il ‘Theme Customizer’.
Se è possibile visualizzare l’opzione “Immagine di sfondo”, allora il tema supporta sfondi personalizzati.
Si tratta di una caratteristica del tema, per cui varia da un tema all’altro. A seconda del tema, si vedranno diverse opzioni per lo stile dell’immagine di sfondo.
Se il vostro tema non supporta un’immagine di sfondo, potete comunque utilizzare un plugin per aggiungere immagini di sfondo a schermo intero al vostro sito web.
Come ottimizzare le immagini per WordPress senza perdere la loro qualità
Uno dei problemi più comuni che gli utenti di WordPress incontrano è come comprimere le immagini senza perdere la loro qualità.
Oltre a essere più rapide nell’uploader, le immagini ottimizzate si caricano più velocemente sul fronte, migliorando l’esperienza dell’utente e riducendo la frequenza di rimbalzo. Inoltre, consumano meno larghezza di banda, salvando il consumo di dati per gli utenti con connessioni Internet limitate.
I motori di ricerca considerano anche la velocità delle pagine quando classificano i siti web. Le immagini ottimizzate contribuiscono a velocizzare i tempi di caricamento, aumentando potenzialmente il posizionamento nelle ricerche.
Fortunatamente, l’ottimizzazione delle immagini è una cosa piuttosto semplice da fare. Tutto ciò di cui avete bisogno è un buon strumento di ottimizzazione delle immagini, come Optimole, e di farvi passare le vostre immagini.
Per ulteriori informazioni, verificare la nostra guida su come ottimizzare le immagini senza perdere qualità.
Inoltre, si può prendere in considerazione il lazy loading delle immagini. Questa tattica impedisce ai browser di caricare le immagini sul sito web finché l’utente non scorre giù fino alla posizione dell’immagine.
Come aggiungere gli attributi del titolo alle immagini di WordPress
Sebbene non siano essenziali per il funzionamento dell’immagine, gli attributi title forniscono una breve descrizione dell’immagine che appare al passaggio del mouse dell’utente.
Questo può migliorare l’esperienza dell’utente, fornendo un contesto aggiuntivo ai visitatori. Ad esempio, se avete un’immagine di una deliziosa torta al cioccolato, un attributo di titolo come “Torta al cioccolato fatta in casa” può essere utile.
Anche gli attributi del titolo possono essere utili per la SEO di WordPress. Anche se non hanno un impatto diretto sul posizionamento nelle ricerche, possono aiutare i motori di ricerca a capire il contenuto della vostra immagine e a migliorare l’accessibilità del sito web.
Per istruzioni passo passo, selezionate la nostra guida su come add-on gli attributi del titolo alle immagini in WordPress.
Come trovare immagini gratuite per i post del vostro blog WordPress
Le immagini possono far risaltare i vostri articoli. Tuttavia, è necessario rispettare i diritti d’autore di altre persone e trovare immagini che si possono usare legalmente.
I nostri lettori ci chiedono spesso come trovare le migliori immagini royalty-free da utilizzare nei loro post.
Esistono molti siti web in cui è possibile trovare immagini gratuite da utilizzare. Tuttavia, noterete subito che le immagini su questi siti appaiono abusate e generiche.
Per ulteriori referer è possibile consultare il nostro elenco delle migliori fonti di immagini gratuite di dominio pubblico e con licenza CC0.
In alternativa, è possibile utilizzare l ‘intelligenza artificiale per generare immagini uniche e far risaltare le immagini rispetto alla concorrenza.
Come categorizzare e taggare le immagini in WordPress
Se gestite un blog di fotografia, noterete che WordPress non consente di ordinare le foto e le immagini.
Non sarebbe fantastico se poteste aggiungere dei tag alle vostre immagini in modo che voi e i vostri utenti possiate sfogliarle facilmente?
Fortunatamente, esistono ottimi plugin che permettono di fare proprio questo. Per maggiori dettagli, consultate il nostro articolo su come add-on di categorie e tag alla libreria dei media di WordPress.
Per un blog di fotografia, l’opzione migliore è quella di utilizzare Envira Gallery, che viene fornito con un componente aggiuntivo per aggiungere tag.
Envira Gallery consente di creare bellissime gallerie fotografiche in WordPress, pronte per i dispositivi mobili. Utilizzando i tag, gli utenti possono facilmente filtrare e ordinare le foto senza ricaricare la pagina.
Come importare immagini esterne in WordPress
Questa domanda si pone spesso durante la migrazione del sito a WordPress. Alcune immagini del vostro sito web potrebbero ancora puntare a una posizione precedente.
Questo vale soprattutto per gli utenti che importano blog da Blogger, Squarespace o WordPress.com.
Anche se le immagini sul sito vengono visualizzate correttamente, vengono comunque caricate da una fonte esterna. Per risolvere questo problema, è sufficiente installare e attivare il plugin Auto Upload Images.
Heads up: Questo plugin non è stato testato con gli ultimi aggiornamenti di WordPress. Detto questo, lo abbiamo testato noi stessi e funziona bene per le nostre esigenze. Se avete dubbi sull’utilizzo di plugin non testati, vi consigliamo di leggere il nostro articolo sull’argomento: Dovreste installare plugin non testati con la vostra versione di WordPress?
Avete scoperto un plugin che funziona meglio per questo scopo? Allora ci piacerebbe sentire i vostri suggerimenti nei commenti!
Il plugin controlla la presenza di immagini esterne quando si aggiorna o si salva un post o una pagina. È possibile farlo manualmente per ogni post o pagina, oppure modificare in blocco tutti i post e fare semplicemente clic sul pulsante di aggiornamento.
Per istruzioni dettagliate, consultate la nostra guida su come importare immagini esterne in WordPress.
Come richiedere immagini in primo piano per i post in WordPress
Quando si gestisce un sito multi-autore in WordPress, alcuni autori potrebbero non avere familiarità con la funzionalità delle immagini in primo piano.
In questo caso, potreste voler ricordare a voi stessi o ai vostri utenti di caricare un’immagine in evidenza ogni volta che inviano un post in WordPress.
È possibile farlo installando e attivando il plugin PublishPress Checklists.
Una volta attivato, il plugin visualizzerà un punto esclamativo rosso e una scheda “Lista di controllo” per informare gli utenti che questo post richiede un’immagine in primo piano.
Voi e i vostri utenti potrete salvare i post come bozze, ma non potrete pubblicare il post finché non avrete aggiunto un’immagine in evidenza.
Per ulteriori istruzioni, consultate il nostro articolo su come richiedere immagini in primo piano per i post in WordPress.
Come impostare un’immagine in primo piano predefinita in WordPress
Trovare l’immagine in evidenza perfetta per ogni post o articolo è un compito difficile. A volte non si vuole aggiungere un’immagine in primo piano a un post, ma il tema potrebbe apparire scomodo senza di essa.
È qui che può essere utile un’immagine in primo piano predefinita. Un’immagine in primo piano predefinita viene utilizzata quando un articolo non ha un’immagine in primo piano propria.
È possibile impostare un’immagine in primo piano predefinita utilizzando il plugin Default featured image.
Per ulteriori istruzioni, consultare la nostra guida su come impostare un’immagine in primo piano predefinita in WordPress.
Come creare dimensioni aggiuntive per le immagini in WordPress
Per impostazione predefinita, WordPress crea e salva diverse dimensioni delle immagini caricate, comprese le miniature. Anche il vostro tema WordPress potrebbe generare immagini di dimensioni diverse.
Se volete creare immagini di dimensioni aggiuntive per il vostro sito WordPress, dovrete registrarle aggiungendo del codice personalizzato al file functions.php del vostro tema.
Per saperne di più, consultate la nostra guida su come creare immagini di dimensioni aggiuntive in WordPress.
Come impedire a WordPress di generare le dimensioni delle immagini
Come spiegato in precedenza, WordPress crea immagini di diverse dimensioni per i vostri uploader, tra cui miniature, medie e grandi. Queste dimensioni sono utili per visualizzare le immagini in contesti diversi sul sito web.
Tuttavia, se si utilizzano immagini di dimensioni personalizzate o si desidera ottimizzare lo spazio di archiviazione del sito web, è possibile impedire a WordPress di generare queste dimensioni aggiuntive.
Per sapere come fare, potete leggere il nostro tutorial su come impedire a WordPress di generare immagini di dimensioni multiple.
Come prevenire il furto di immagini in WordPress
A volte gli utenti possono rubare immagini dal vostro sito WordPress per utilizzarle sui propri siti. Questo può essere molto frustrante, soprattutto se scattate le vostre foto o create la vostra grafica.
Fortunatamente, è possibile prevenire il furto di immagini disabilitando il cliccato destro, aggiungendo una filigrana alle immagini, disabilitando l’hotlinking e aggiungendo avvisi di copyright.
Per saperne di più, consultate la nostra guida su come prevenire il furto di immagini in WordPress.
Avete bisogno di aiuto per la progettazione di WordPress? WPBeginner Pro Services offre anche il servizio Stress-Free WordPress Website Design per risolvere tutti i problemi di progettazione del vostro sito web. Fate in modo che il vostro sito abbia il suo aspetto migliore con l’aiuto di un designer professionista. Programmate subito una consulenza sul design di WordPress!
Speriamo che questo articolo vi abbia aiutato a risolvere alcuni dei più comuni problemi di immagine in WordPress. Potreste anche consultare la nostra guida per principianti alla risoluzione degli errori di WordPress e la nostra pratica guida su come ripristinare il database di WordPress alle impostazioni predefinite.
Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.
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.
Guest
When I am sharing my post the image is not coming up as a thumbnail on other social sites…. ? How to fix that ?
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?
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.
Brian Schoedel
Thanks you for the helpful fix on the featured images.
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.
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?!?!
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
Manuel Echeverry
I’ll do that, thanks
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?
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
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.
Elizabeth
How do I keep a featured image from becoming distorted or stretched out?
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
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?
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.
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.
WPBeginner Staff
Try regenerating image sizes.
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.
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?
WPBeginner Staff
Doesn’t sound like a WordPress issue. Are you able to see images in the Media Library when they disappear from your site? It could be a plugin or server configuration issue.
Secret Style
No they are not in the media library either, http://www.secretstylefile.com/wedding-style-%E2%99%A5-most-memorable-movie-and-television-wedding-dresses/ this post is a prime example, it was a really popular post but as the images have disappeared including the gallery it might as well not be there. The images from when I was not self-hosted (wordpress.com) are still inn my media library so this problem is only since I moved over to a self-hosted site. Please help!
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.
Admin
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.
WPBeginner Support
We are not sure we understand your question. Can you please provide more details?
Admin
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.
Admin
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.
Admin
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.
Admin
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.
Admin
SM-Mahdavi
Thanks,, its very usefull and easy to learn for begginers.
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.
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.
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?? :))
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.
Admin
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.
WPBeginner Support
Try changing Folder permissions to 755 for /wp-content/ directory.
Admin
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.
WPBeginner Support
Try regenerating image sizes.
Admin
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?
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.
Admin
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
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.
Admin
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.
Admin
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?
WPBeginner Support
Lee you can try using Broken Link Checker plugin. If this does not work for you then try importing external images. Make sure to backup your WordPress site first.
Admin
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.
Admin
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
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.
Admin
hans
How to align or wrap gallery to the left or right (text) in WordPress?
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!
WPBeginner Support
It actually depends on user permissions on your website. If the registered users on your site have access to the media library, then they can view the images. See our guide on user submitted posts and how to add or remove capabilities to user roles in WordPress.
Admin
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.
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.
Admin
Grandma Kc
Thanks for the answer! I appreciate it. Must admit I liked the old way better….. But thank you!
Nandu Choudhary
awesome tips – thanks!
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.
yuda
awesome tips – thanks!
Waqas
Awesome
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..
Ankit Chugh
Super useful article… really liked the gallery option for posts…