Comment télécharger de grandes images sur WordPress

Alors que les vitesses Internet augmentent plus rapidement et que les limites de bande passante sont levées, les photographes et autres professionnels de la création ont enfin la possibilité de faire apparaître leurs images dans toute leur splendeur haute résolution en ligne.

Dans le passé, les images volumineuses se chargeaient beaucoup plus lentement et il n'était tout simplement pas pratique de remplir votre site Web avec de nombreuses images haute résolution. Au lieu de cela, les images devraient être compressées pour réduire leur taille de fichier (ce qui réduit également la qualité) et affichées dans des galeries sous forme de minuscules vignettes.

Le temps de chargement des pages est toujours important mais comme la technologie s'est améliorée, il ne faut plus 5 minutes pour télécharger une seule image haute résolution. L'affichage d'images de grande taille intégrées dans des articles de blog ou sous forme de galerie plein écran est un excellent moyen pour les photographes de montrer leur travail avec un effet maximal.

Cependant, il y a encore quelques points à garder à l'esprit lorsque vous téléchargez de grandes images sur votre site afin de fournir une bonne expérience et un site de chargement rapide pour les visiteurs tout en maintenant la qualité de l'image.

Optimisation des images

Avant de télécharger vos images sur WordPress, vous devez les optimiser pour les afficher sur le Web. Photoshop et Lightroom ont tous deux une option "enregistrer pour le Web" qui vous permet de sélectionner différents niveaux de qualité et de voir comment cela affecte à la fois la clarté de l'image et le temps de téléchargement.

Si vous utilisez un programme d'édition d'images différent qui n'a pas d'outil de compression, vous pouvez utiliser un outil en ligne comme Image Optimizer pour compresser vos fichiers avant de les mettre sur votre site Web.

Il y aura toujours un compromis entre la qualité et la taille du fichier lorsque vous préparez des images pour le Web, il s'agit donc de décider de l'équilibre idéal. Vos photos seront toujours plus belles avec une qualité supérieure, mais si elles prennent une éternité à télécharger, un visiteur peut s'ennuyer d'attendre et quitter votre site.

N'oubliez pas qu'en tant que photographe, vous serez plus conscient de la perte de qualité que la plupart des autres personnes. Il est probable que la plupart des gens ne remarqueront même pas la différence entre une image de qualité moyenne et de haute qualité, à moins que les dimensions de l'image ne soient énormes.

JPG est généralement le meilleur format de fichier pour enregistrer des photos pour le Web. Une fois que vous avez enregistré votre image optimisée dans un programme graphique, vous pourrez peut-être la compresser davantage avec un outil comme Smush.it, qui réduit la taille du fichier sans affecter la qualité.

Création de vignettes

Si vous souhaitez que votre page se charge rapidement et que vos utilisateurs aient la possibilité de charger individuellement de grandes images, le téléchargement de vignettes est le meilleur moyen d'y parvenir. La vignette fournit un petit aperçu (à la fois en fichier et en taille physique) de l'image sur laquelle vous pouvez ensuite cliquer pour afficher la photo plus grande.

WordPress génère automatiquement des vignettes lorsque vous téléchargez une image via le téléchargeur de médias. Les dimensions de ces vignettes peuvent être modifiées dans vos paramètres WordPress (via Paramètres > Média ) et vous pouvez choisir si elles doivent être redimensionnées proportionnellement ou recadrées pour s'adapter aux dimensions.

Lorsque vous insérez une vignette dans un article ou une page de blog, vous pouvez la lier à l'image d'origine en choisissant "Fichier multimédia" dans le menu des pièces jointes.

WordPress inclut également des fonctionnalités permettant de créer une galerie directement à partir d'un article ou d'une page. Il vous suffit de sélectionner les images que vous souhaitez inclure et de cliquer sur "Créer une nouvelle galerie". Bien que cela convienne aux galeries de vignettes de base dans vos articles de blog, vous voudrez probablement plus de contrôle sur l'apparence et le fonctionnement de la galerie de votre site principal. Vous pouvez y parvenir en utilisant un thème de portefeuille WordPress, un diaporama GPP ou l'un des nombreux plugins de galerie WordPress disponibles.

Intégration d'images dans les articles de blog

Il est important de vous assurer que vos images sont affichées à leur taille réelle sur votre blog et qu'elles ne sont pas écrasées, car cela peut affecter le temps de chargement de la page et la clarté de l'image. Le moyen le plus simple d'y parvenir consiste à modifier les dimensions de largeur maximale des images de grande taille pour qu'elles correspondent à la largeur de la colonne de votre blog. De cette façon, si vous téléchargez une image trop grande pour tenir, WordPress créera automatiquement une version redimensionnée exactement à la bonne taille.

Vous pouvez modifier ces dimensions sur votre page de paramètres multimédias dans le tableau de bord WordPress. Assurez-vous de choisir "grand" plutôt que "plein format" lorsque vous insérez des images dans vos publications.

Il convient de noter que WordPress enregistre les images avec une qualité de 60 % lorsqu'il les redimensionne. Si cette qualité ne vous suffit pas, utilisez le plugin GPP Improve Image Quality pour enregistrer automatiquement les images redimensionnées WordPress avec une qualité de 100 %.

Filigrane et protection des fichiers

Sachez que si vous téléchargez des fichiers à leur taille d'origine via WordPress, ils seront disponibles au téléchargement pour toute personne visitant votre site, même si vous n'intégrez qu'une version plus petite dans votre galerie ou votre blog. À moins que vous ne souhaitiez donner gratuitement vos négatifs numériques, il est préférable de redimensionner vos images avant de les télécharger.

Dans certains cas, vous souhaiterez peut-être rendre le fichier d'origine disponible, mais uniquement pour les utilisateurs autorisés (par exemple, si vous vendez des images d'archives directement à partir de votre site ou si vous disposez d'une fonctionnalité de vérification en ligne). Dans ce cas, un plugin comme le plugin Sell Media est idéal. En plus de protéger le fichier d'origine, ce plugin génère automatiquement différentes tailles à partir du fichier d'origine et permet de les acheter à un prix que vous définissez.

Sell ​​Media dispose également d'une extension de filigrane qui vous permet de protéger vos grandes images en les filigranant avec votre logo ou une image de votre choix.

Augmenter la limite de téléchargement de fichiers

Votre serveur Web aura très probablement une limite maximale de téléchargement de fichiers conçue pour empêcher les utilisateurs de télécharger des fichiers volumineux qui ralentiront leur site Web. Ceci est pratique pour la plupart des utilisateurs, mais il peut arriver que la limite de téléchargement ne soit pas suffisante pour vos images les plus grandes et de la meilleure qualité.

Si vous accédez à votre téléchargeur de médias WordPress, vous verrez la taille maximale de votre fichier de téléchargement, qui peut être aussi faible que 2 Mo. Ce n'est tout simplement pas assez grand pour les très grandes images, vous devrez donc le modifier si vous souhaitez télécharger vos photos haute résolution via WordPress.

Cette limite est un paramètre de serveur, non défini par WordPress, vous ne pouvez donc pas le modifier depuis votre tableau de bord. Au lieu de cela, vous devrez modifier le fichier php.ini , qui se trouve dans le répertoire racine de votre site Web à l'aide d'un client FTP.

Supposons, par exemple, que vous souhaitiez augmenter la limite de téléchargement de fichiers à 64 Mo. Ouvrez le fichier dans un éditeur de texte, recherchez les lignes suivantes et modifiez les valeurs si nécessaire :

upload_max_filesize = 64M
post_max_size = 64M
max_execution_time = 300

Enregistrez le fichier, téléchargez-le à nouveau dans votre répertoire wp-admin et, espérons-le, cela aurait dû fonctionner pour augmenter la limite de téléchargement de fichiers.

Une autre façon de modifier la limite de taille de fichier consiste à modifier votre fichier . fichier htaccess . Vous trouverez ce fichier dans votre répertoire Web racine. Si vous ne le voyez pas, assurez-vous que votre client FTP est configuré pour afficher les fichiers cachés et système. Modifiez le fichier et ajoutez le code suivant :

php_value upload_max_filesize 64M
php_value post_max_size 64M
php_value max_execution_time 300
php_value max_input_time 300

Téléchargez à nouveau le fichier et vous devriez être prêt à partir.

Si vous utilisez un pack d'hébergement partagé, il est possible qu'aucune de ces méthodes ne fonctionne. Si tel est le cas, vous devrez contacter votre hébergeur et lui demander d'augmenter manuellement la limite de téléchargement de fichiers.

Profitez de vos grandes images, mais gardez un œil sur le temps de chargement

Espérons que les conseils que nous avons fournis suffisamment devraient vous aider si vous rencontrez des problèmes pour télécharger de grandes photos dans WordPress. Les images de haute qualité peuvent avoir un grand impact, en particulier lorsqu'elles sont affichées en plein écran ou sous forme de grandes images d'arrière-plan.

N'oubliez pas que tout le monde n'est pas connecté à haut débit et qu'il est toujours judicieux de proposer une option de bande passante inférieure aux personnes qui souhaitent voir vos images sans attendre toute la journée le chargement de votre site.