Voulez-vous corriger les problèmes d’image les plus courants dans WordPress ?
WordPress est doté d’outils très utiles pour gérer et modifier les images. Vous pouvez facilement téléverser des images, les aligner et même les modifier dans WordPress. Cependant, les utilisateurs/utilisatrices peuvent mettre un certain temps à découvrir ces fonctionnalités de mise en avant des images.
Dans cet article, nous allons aborder les problèmes d’image les plus courants sur WordPress et comment les corriger.
Comme il s’agit d’un article détaillé, voici la liste des questions liées à l’image que nous allons aborder dans cet article. Vous pouvez utiliser ces liens rapides pour aller à/au sujet de votre choix :
- 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
Besoin d’aide pour corriger les problèmes d’image de WordPress ? Chez WPBeginner Pro Services, nous offrons un support WordPress d’urgence abordable pour résoudre tous vos problèmes d’image WordPress, ou d’autres problèmes de site, rapidement et de manière fiable. Arrêtez de stresser sur votre site et prenez-en soin. Planifiez un support WordPress d’urgence dès aujourd’hui !
Comment Téléverser des Images dans WordPress
Avec WordPress, il est très facile de téléverser des images dans vos publications, vos pages et les zones sans contenu comme les colonnes latérales.
Pour téléverser des images dans les publications et les pages de WordPress, il suffit d’ajouter le bloc Image à l’éditeur de contenu.
Vous pouvez également ajouter le bloc Image en tapant simplement /image dans un bloc Paragraphe.
L’éditeur commence à afficher les blocs que vous pouvez insérer dès que vous commencez à taper.
WordPress va maintenant ajouter le bloc Image à l’éditeur.
Vous devez cliquer sur le bouton « Téléversé » pour sélectionner et téléverser l’image depuis votre ordinateur.
Vous pouvez également sélectionner un outil téléversé précédemment dans votre Médiathèque.
Après avoir téléversé l’image, vous verrez un aperçu direct de l’image dans l’éditeur/éditrice de contenu.
Vous verrez également les Réglages d’image dans le panneau de droite. À partir de là, vous pouvez fournir le texte alt de l’image, sélectionner la taille de l’image et personnaliser le style de l’image.
Astuce : Vous rencontrez des problèmes pour téléverser des images sur WordPress ? Consultez notre guide sur comment corriger un problème d’outil de téléversement d’images sur WordPress.
Comment aligner une image à gauche ou à droite dans WordPress
Avec WordPress, il est facile d’aligner les images à gauche, à droite ou au centre. Il suffit de sélectionner l’image en cliquant dessus, puis de cliquer sur le bouton d’alignement de la barre d’outils du bloc.
Vous avez peut-être remarqué que certains blogs WordPress populaires utilisent des images entourées de texte.
Pour ce faire, il convient d’utiliser la fonctionnalité d’alignement.
Vous pouvez également utiliser le bloc Média et texte au lieu du bloc Image.
Ce bloc est spécialement conçu pour ajouter des images à côté du texte.
Vous pouvez ensuite téléverser une image et un texte côte à côte.
Vous pouvez également utiliser la barre d’outils du bloc pour modifier le côté de l’image ou du texte.
Pour obtenir des conseils détaillés, vous pouvez consulter notre guide sur l’alignement des images à l’aide de l’éditeur de blocs WordPress.
Comment ajouter des légendes sous les images
WordPress vous permet d’ajouter facilement des légendes aux images. Après avoir téléversé une image, vous verrez l’option d’ajouter une légende juste en dessous de la prévisualisation de l’image.
De la même manière, vous pouvez également ajouter des légendes aux galeries d’images dans WordPress. Pour plus de détails, consultez notre guide sur l ‘ajout de légendes aux images dans WordPress.
Comment afficher les photos en colonnes et en lignes
Souvent, les utilisateurs/utilisatrices nous demandent comment afficher proprement les photos en colonnes et en lignes.
Imaginons que vous souhaitiez partager des photos d’une fête d’anniversaire ou des photos de vacances. Vous pouvez les ajouter une à une dans une publication, mais cela ressemblera à une longue liste d’images.
La meilleure façon de regrouper vos photos est de créer des galeries d’images.
WordPress est livré avec un bloc Galerie intégré qui vous permet d’ajouter facilement des images en lignes et en colonnes avec des aperçus de miniatures.
Il suffit d’ajouter le bloc Galerie à l’éditeur de la publication et de sélectionner les images que vous souhaitez téléverser.
Pour des instructions plus détaillées, consultez notre guide sur la création d’une galerie d’images dans WordPress.
Comment créer des galeries d’images responsives sur WordPress
Vous remarquerez que les galeries d’images par défaut de WordPress manquent de plusieurs fonctionnalités. Par exemple, elles ne sont pas très faciles à parcourir.
Si vous téléversez souvent des images et des photographies sur votre site WordPress, alors vous aurez besoin d’une extension de galerie photo WordPress.
Nous vous recommandons d’utiliser Envira Gallery. Il vous permet de créer facilement des galeries d’images magnifiques et entièrement mobiles sur votre site WordPress.
Le plus intéressant, c’est qu’il ajoute des fonctionnalités supplémentaires comme les albums, les modèles de galerie, le partage social, les diaporamas, le filigrane, la pagination, la protection par mot de passe, l’étiquetage, la vue en plein écran, et bien plus encore.
NextGEN Gallery est une autre extension de galerie photo WordPress très populaire. Il offre de nombreuses mises en page de galerie et une belle galerie visionneuse pour l’affichage des images dans WordPress.
NextGEN Gallery comprend également de puissantes fonctionnalités pour les photographes professionnels, telles que l’épreuvage photo, le traitement des commandes d’impression, la protection des images, le module d’extension Adobe Lightroom, les passerelles de paiement PayPal et Stripe, et bien d’autres encore.
Comment corriger les miniatures de publication / les mises en avant manquantes ?
La plupart des thèmes WordPress vous permettent d’afficher une image mise en avant avec vos articles. Voyons comment définir une image mise en avant dans WordPress pour éviter les miniatures manquantes.
Tout d’abord, vous devez cliquer sur « Définir l’image mise en avant » pour téléverser la miniature de votre publication.
Après avoir téléversé l’image, vous pourrez voir la miniature de votre publication dans la boîte de méta image mise en avant comme ceci.
Pour plus de détails, consultez notre guide sur l’ajout d’une image fonctionnalité en avant ou d’une miniature de publication dans WordPress.
Comment ajouter des images de couverture dans les publications et pages de WordPress
Les images de couverture sont des images larges ou pleine largeur qui peuvent être utilisées comme séparateur entre les différentes sections d’un article ou d’une longue page de vente.
Ils sont très attrayants et aident les utilisateurs/utilisatrices à parcourir facilement une page sans se sentir submergés par trop de texte.
Pour ajouter une image de couverture, il suffit d’ajouter le bloc Couverture à l’éditeur de contenu.
Sélectionné, vous devez téléverser l’image que vous souhaitez utiliser depuis votre ordinateur ou en sélectionner une dans la Médiathèque. Si vous ne souhaitez pas utiliser d’image, vous pouvez également sélectionner un arrière-plan de couleur comme couverture.
Astuce : il est préférable d’utiliser une grande image pour obtenir un meilleur résultat.
Vous verrez maintenant une Prévisualisation directe de votre image de couverture dans l’éditeur. Vous pouvez modifier les options d’affichage de l’image de couverture à partir de la barre d’outils du bloc ou utiliser les Réglages à droite.
Pour en savoir plus, consultez notre guide sur la différence entre image de couverture vs image mise en avant dans WordPress et comment les utiliser efficacement.
Comment corriger le problème de l’image mise en avant qui apparaît deux fois ?
Insérer l’image mise en avant à l’intérieur du contenu est une erreur courante commise par les débutants.
Une fois que vous avez défini une image mise en avant, vous n’avez pas besoin de l’insérer dans la publication avec votre contenu.
Ce faisant, votre image mise en avant apparaîtra deux fois. Une fois en tant qu’image mise en avant et une fois en tant qu’image à l’intérieur de la publication.
Vous pouvez ajouter d’autres images à l’intérieur de votre publication, mais votre image mise en avant doit être placée dans la boîte de l’image mise en avant.
Pour plus de détails, consultez notre guide sur la façon de corriger les images mises en avant qui apparaissent deux fois dans les publications WordPress.
Comment recadrer les images dans WordPress
Lorsque vous téléversez des images depuis votre téléphone ou votre appareil photo, elles sont généralement trop grandes.
WordPress crée automatiquement des images de petite, moyenne et grande taille pour votre outil de téléversement original. Mais parfois, vous pouvez avoir besoin de recadrer l’image dans une taille différente.
WordPress n’est pas Photoshop, mais il est doté de quelques fonctionnalités de base pour modifier les images, comme les mettre à l’échelle, les recadrer, les retourner et les faire pivoter.
Il vous suffit d’aller dans Média » Ajouter un nouveau téléversement et de téléverser votre image. Après avoir téléversé l’image, vous verrez un lien « Modifier » à côté de l’image téléversée.
En cliquant dessus, vous ouvrirez l’écran Modifier les médias, où vous verrez un bouton « Modifier l’image » juste en dessous de l’image. Ce bouton ouvrira l’éditeur/éditrices d’images de WordPress.
À partir de là, vous pouvez cliquer sur le bouton « Modifier l’image » situé sous la prévisualisation de l’image. L’écran de modification de l’image s’ouvre alors.
Sur l’écran de l’éditeur d’images, vous verrez des boutons permettant d’effectuer certaines tâches de modification d’images de base telles que recadrer, faire pivoter, redimmensionner, etc.
Si vous utilisez l’éditeur de blocs, vous pouvez recadrer les images en utilisant la fonctionnalité de recadrage intégrée dans la barre d’outils image.
Il suffit de cliquer sur un bloc d’image et de sélectionner l’icône « Recadrer » dans la barre d’outils.
Ensuite, vous pouvez ajuster la proportion de taille de l’image et la zone recadrée de votre image selon vos préférences.
Vous pouvez utiliser votre proportion de taille originale ou une proportion prédéfinie par WordPress.
Pour des instructions plus détaillées, consultez notre guide sur la façon de recadrer, faire pivoter, redimensionner et retourner des images dans WordPress.
Comment ajouter une image d’en-tête dans WordPress
Une image en-tête dans WordPress est une fonctionnalité du thème. De nombreux thèmes WordPress gratuits et premium offrent un support pour les images d’en-tête.
Certains thèmes WordPress vous autorisent à définir une image d’en-tête pour l’ensemble du site, tandis que d’autres vous permettent de définir uniquement une image d’en-tête pour la page d’accueil.
Vous pouvez téléverser votre propre image d’en-tête personnalisée à partir de la page Apparence » Personnaliser.
Si vous utilisez un thème en-tête, l’Emplacement pour modifier l’en-tête de votre thème est différent.
Tout d’abord, vous devez aller dans Apparence » Éditeurs/éditrices.
Sélectionnez ensuite « Sélectionnés ».
Cela vous amènera à une page où vous pourrez accéder à la composition de l’en-tête de votre thème.
Ensuite, défilez vers le bas jusqu’à la section Éléments du modèle.
Une fois cela fait, il suffit de sélectionner « En-tête » et de cliquer sur le modèle d’en-tête pour le modifier.
À partir de là, vous pouvez ajouter un bloc d’images à la composition de l’en-tête comme vous le feriez dans la première section de cet article.
Comment ajouter une image d’arrière-plan dans WordPress
Tout comme l’image d’en-tête personnalisée, l’image d’arrière-plan personnalisée est également une fonctionnalité des thèmes WordPress. De nombreux thèmes WordPress offrent un support pour les images d’arrière-plan personnalisées.
Visitez Apparence » Personnaliser pour lancer l’Outil de personnalisation du thème. Si vous voyez l’option Image d’arrière-plan, c’est que votre thème offre un support pour les arrière-plans personnalisés.
Il s’agit d’une fonctionnalité du thème, c’est pourquoi elle varie d’un thème à l’autre. Selon votre thème, vous verrez différentes options pour styliser votre image d’arrière-plan.
Si votre thème ne supporte pas l’image d’arrière-plan, vous pouvez toujours utiliser une extension pour ajouter des images d’arrière-plan en plein écran à votre site.
Comment optimiser les images pour WordPress sans perdre leur qualité
L’un des problèmes les plus fréquents que rencontrent les utilisateurs/utilisatrices de WordPress est de savoir comment compresser leurs images sans en perdre la qualité.
En plus d’être plus rapides à téléverser, les images optimisées se chargent plus vite sur le front, ce qui améliore l’expérience des utilisateurs et réduit le taux de rebond. En effet, elles consomment moins de bande passante, ce qui permet d’enregistrer l’utilisation des données pour les utilisateurs/utilisatrices dont la connexion internet est limitée.
Les moteurs de recherche tiennent également compte de la vitesse de chargement des pages lorsqu’ils classent les sites. Des images optimisées contribuent à accélérer les temps de chargement, ce qui peut améliorer votre classement dans les moteurs de recherche.
Heureusement, l’optimisation des images est une chose assez facile à faire. Tout ce dont vous avez besoin, c’est d’un bon outil d’optimisation d’images comme Optimole et de passer vos images au crible. En savoir plus, consultez notre guide sur la façon d’optimiser les images sans perdre en qualité.
En outre, vous pouvez envisager de charger vos images paresseusement. Cette tactique empêchera les navigateurs de charger les images de votre site jusqu’à ce que l’utilisateur défilement vers le bas jusqu’à l’emplacement de l’image.
Comment ajouter des attributs de titre aux images WordPress
Bien qu’ils ne soient pas indispensables au fonctionnement de l’image, les attributs title fournissent une brève description de l’image qui apparaît lorsque l’utilisateur la survole.
Cela peut améliorer l’expérience du compte en fournissant un contexte supplémentaire à vos internaute. Par exemple, si vous avez une image d’un délicieux gâteau au chocolat, un attribut de titre comme « Gâteau au chocolat fait maison » peut être utile.
Les attributs du titre peuvent également être bénéfiques pour le référencement de WordPress. Bien qu’ils n’aient pas d’impact direct sur le classement des recherches, ils peuvent aider les moteurs de recherche à comprendre le contenu de votre image et améliorer l’accessibilité de votre site.
Pour obtenir des instructions étape par étape, consultez notre guide sur l’ajout d’attributs de titre à vos images dans WordPress.
Comment trouver des images gratuites pour vos publications de blog WordPress
Les images peuvent faire ressortir vos articles. Cependant, vous devez respecter les droits d’auteur d’autrui et trouver des images que vous êtes légalement autorisé à utiliser.
Nos lecteurs nous demandent souvent comment trouver les meilleures images libres de droits à utiliser dans leurs publications.
Il existe de nombreux sites où vous pouvez trouver des images libres de droits à utiliser. Cependant, vous remarquerez rapidement que les images sur ces sites ont l’air surutilisées et génériques.
Vous pouvez consulter notre liste des meilleures sources d’images gratuites du domaine public et sous licence CC0 pour plus de références.
Sinon, vous pouvez aussi utiliser l’IA pour générer des images uniques et faire en sorte que vos visuels se démarquent de la concurrence.
Comment catégoriser et identifier les images dans WordPress
Si vous tenez un blog de photographie, vous remarquerez que WordPress ne vous permet pas de trier les photos et les images.
Ne serait-il pas formidable de pouvoir ajouter des identifiants à vos images afin que vous et vos utilisateurs/utilisatrices puissiez les parcourir facilement ?
Heureusement, il existe d’excellentes extensions qui vous permettent de le faire. Pour plus de détails, consultez notre article sur la façon d’ajouter des catégories et des identifiés à la médiathèque de WordPress.
Pour un blog lié à la photographie, la meilleure option consiste à utiliser Envira Gallery, qui s’accompagne d’un module permettant d’ajouter des identifiés.
Envira Gallery vous permet de créer de magnifiques galeries de photos adaptées aux mobiles dans WordPress. En utilisant des identifiants, vos utilisateurs/utilisatrices peuvent facilement filtrer et trier les photos sans même recharger une page.
Comment importer des images externes dans WordPress
Cette question se pose souvent lors de la migration de votre site vers WordPress. Certaines images de votre site peuvent encore pointer vers un emplacement plus ancien.
C’est particulièrement vrai pour les utilisateurs/utilisatrices qui importent des blogs depuis Blogger, Squarespace ou WordPress.com.
Même si les images de votre site apparaissent correctement, elles se chargent toujours à partir d’une source externe. Pour résoudre ce problème, il vous suffit d’installer et d’activer le plugin Auto Upload Images.
L’extension vérifiera la présence d’images externes dès que vous mettez à jour ou enregistrez une publication ou une page. Vous pouvez le faire manuellement pour chaque publication ou page, ou vous pouvez modifier en bloc toutes les publications et cliquer simplement sur le bouton de mise à jour.
Pour des instructions détaillées, consultez notre guide sur l’importation d’images externes dans WordPress.
Comment demander des images mises en avant pour les publications en avant dans WordPress
Lorsque vous gérez un site multi-auteurs sous WordPress, certains de vos auteurs/autrices peuvent ne pas être familiarisés avec la fonctionnalité de l’image mise en avant.
Dans ce cas, vous pouvez vous rappeler ou rappeler à vos utilisateurs/utilisatrices de téléverser une image mise en avant chaque fois qu’ils envoient une publication dans WordPress.
Vous pouvez le faire en installant et en activant l’extension PublishPress Checklists.
Une fois activé, le plugin affichera un point d’exclamation rouge et un onglet Liste de contrôle informant les utilisateurs/utilisatrices que cette publication nécessite une image en avant.
Vous et vos utilisateurs/utilisatrices pourrez enregistrer des publications en tant que brouillons, mais vous ne pourrez pas publier la publication avant d’avoir ajouté une image mise en avant.
Pour plus d’instructions, consultez notre article sur la façon de demander des images mises en avant pour les publications dans WordPress.
Comment définir une image mise en avant par défaut dans WordPress ?
Trouver l’image mise en avant parfaite pour chaque publication ou article est une tâche ardue. Parfois, vous ne souhaitez pas ajouter une image mise en avant à une publication, mais votre thème peut sembler maladroit sans cette image.
C’est là qu’une image mise en avant par défaut peut s’avérer utile. Une mise en avant par défaut est utilisée lorsqu’un article n’a pas sa propre image en avant.
Vous pouvez définir une image en vedette par défaut à l’aide de l’extension Default featured image.
Pour plus d’instructions, veuillez consulter notre guide sur la façon de définir une image mise en avant par défaut dans WordPress.
Comment créer des tailles d’images supplémentaires dans WordPress
Par défaut, WordPress crée et enregistre différentes tailles de vos images téléversées, y compris les miniatures. Votre thème WordPress peut également générer différentes tailles d’images.
Si vous souhaitez créer des tailles d’image supplémentaires pour votre site WordPress, vous devrez les inscrire en ajoutant un code personnalisé au fichier functions.php de votre thème.
Pour en savoir plus, veuillez consulter notre guide sur la création de tailles d’images supplémentaires dans WordPress.
Comment empêcher WordPress de générer des tailles d’images
Comme expliqué précédemment, WordPress crée plusieurs tailles d’images pour vos téléversements, notamment des miniatures, des tailles moyennes et des grandes tailles. Ces tailles sont utiles pour afficher les images dans différents contextes sur votre site.
Toutefois, si vous utilisez des tailles d’image personnalisées ou si vous souhaitez optimiser l’espace de stockage de votre site, vous pouvez empêcher WordPress de générer ces tailles supplémentaires.
Pour trouver la marche à suivre, vous pouvez consulter notre tutoriel sur la façon d’empêcher WordPress de générer plusieurs tailles d’images.
Comment prévenir le vol d’images sur WordPress
Il arrive que des utilisateurs/utilisatrices volent des images de votre site WordPress pour les utiliser sur leurs propres sites. Cela peut être très frustrant, surtout si vous prenez vos propres photos ou créez vos propres graphiques.
Heureusement, vous pouvez empêcher le vol d’images en désactivant le clic droit, en ajoutant un filigrane à vos images, en désactivant le hotlinking et en ajoutant des notifications de droits d’auteur.
Pour en savoir plus, nous vous invitons à consulter notre guide sur la prévention du vol d’images sur WordPress.
Nous espérons que cet article vous a aidé à corriger certains des problèmes d’image les plus courants sur WordPress. Vous pouvez également consulter notre liste des erreurs WordPress les plus courantes et comment les corriger, ainsi que nos choix d’experts pour les meilleures extensions WordPress pour développer votre site.
Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et 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.
Administrateur
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?
Administrateur
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.
Administrateur
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.
Administrateur
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.
Administrateur
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.
Administrateur
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.
Administrateur
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.
Administrateur
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.
Administrateur
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.
Administrateur
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.
Administrateur
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.
Administrateur
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.
Administrateur
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.
Administrateur
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.
Administrateur
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.
Administrateur
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.
Administrateur
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…