Table des matières:
- 1Avec un image ouverte dans Photoshop, choisissez Image → Redimensionner.
- 2Pour modifier la résolution de votre image, désélectionnez d'abord la case Rééchantillonner l'image au bas de la boîte de dialogue Taille de l'image.
- 3Cliquez et faites glisser pour mettre le numéro en surbrillance dans le champ Résolution et remplacez-le en tapant le numéro 72.
- 4Cliquez sur la case à cocher Resample Image.
- 5Saisissez une hauteur et une largeur pour l'image dans les champs Hauteur et Largeur.
- 6Cliquez sur OK pour redimensionner l'image.
Vidéo: iPhone — Chérie, j'ai agrandi les pixels ! 2025
Le redimensionnement des images Web pour l'affichage sur l'iPad et l'iPhone est important pour deux raisons: Les images doivent être assez petites pour bien s'afficher sur un écran d'ordinateur et télécharger rapidement sur l'ordinateur d'un utilisateur. Plus l'image est petite, plus elle sera téléchargée rapidement.
Bien que vous puissiez modifier la taille d'affichage d'une image dans une page Web en modifiant les paramètres de hauteur et de largeur dans Dreamweaver ou tout autre éditeur Web, vous obtiendrez de meilleurs résultats si vous modifiez la taille physique de l'image dans un éditeur programme tel que Photoshop.
Lorsque vous modifiez la hauteur et la largeur d'une image dans le code HTML, il vous suffit de demander à un navigateur Web d'afficher l'image dans une taille différente. Malheureusement, les navigateurs ne font pas un bon travail de redimensionnement des images car les navigateurs ne modifient pas l'image elle-même, mais la forcent simplement à entrer dans l'espace assigné lorsque le navigateur charge la page.
Si vous définissez une image plus grande que sa taille réelle, l'image risque d'être floue ou déformée car l'image ne contient pas suffisamment de pixels pour que tous les détails soient plus beaux. Si vous définissez le code pour afficher l'image plus petite que ce qu'elle est, l'image est susceptible d'apparaître écrasée et vos utilisateurs doivent télécharger une image plus grande que nécessaire.
La réduction de la taille d'une image pour une utilisation sur le Web nécessite deux étapes. Tout d'abord, vous réduisez la résolution d'une image, ce qui modifie le nombre de pixels dans l'image. Lorsque vous travaillez avec des images pour le Web, vous souhaitez réduire la résolution à 72 pixels par pouce (ppp).
Deuxièmement, vous réduisez la taille physique de l'image en réduisant ses dimensions. Vous souhaitez dimensionner vos images pour qu'elles s'intègrent bien dans une fenêtre de navigateur et pour qu'elles s'intègrent parfaitement dans la conception de votre site.
Suivez ces étapes pour réduire la résolution et réduire la taille d'une image dans Photoshop (dans Photoshop Elements ou Fireworks, vous suivez un processus similaire bien que les étapes spécifiques puissent varier):
1Avec un image ouverte dans Photoshop, choisissez Image → Redimensionner.
La boîte de dialogue Taille de l'image s'ouvre.
Si vous ne voulez pas que votre image originale perde de sa qualité (ou que vous souhaitiez simplement la lire en toute sécurité), faites une copie de votre image et redimensionnez la copie pour votre site Web.
2Pour modifier la résolution de votre image, désélectionnez d'abord la case Rééchantillonner l'image au bas de la boîte de dialogue Taille de l'image.
Pour de meilleurs résultats, désélectionnez toujours la case à cocher Resample Image lorsque vous modifiez la résolution. Pour préparer au mieux les images pour le Web, modifiez la résolution à 72 ppp afin qu'elles soient téléchargées plus rapidement.
3Cliquez et faites glisser pour mettre le numéro en surbrillance dans le champ Résolution et remplacez-le en tapant le numéro 72.
Les dimensions Largeur et Hauteur seront redimensionnées automatiquement.
4Cliquez sur la case à cocher Resample Image.
Lorsque la case Réinitialiser l'image n'est pas cochée, vous ne pouvez pas modifier les dimensions des pixels, vous devez donc les vérifier lorsque vous modifiez la taille de l'image.
5Saisissez une hauteur et une largeur pour l'image dans les champs Hauteur et Largeur.
Si la case à cocher Contraindre les proportions au bas de la boîte de dialogue est sélectionnée (comme dans cet exemple), toute modification apportée à la hauteur affectera automatiquement la largeur (et vice versa) afin de conserver les proportions de l'image constant. Si vous voulez changer l'image et ne pas conserver les proportions, vous pouvez désélectionner cette case.
Lorsque vous redimensionnez une image dans Photoshop dans la zone Dimensions des pixels, vous pouvez spécifier la nouvelle taille en pixels ou en pourcentage de la taille d'origine.
Images d'artistes Amy Baur et Brian Boldon, d'art inplainsight.
6Cliquez sur OK pour redimensionner l'image.
Si vous souhaitez restaurer l'image à sa taille précédente, choisissez Édition → Annuler. Attention, lorsque vous sauvegardez l'image, les modifications deviennent permanentes.
