Redimensionner graphiques et des photos pour iPad et iPhone

Redimensionnement des images Web pour l'affichage sur l'iPad et l'iPhone est important pour deux raisons: Les images doivent être suffisamment petit pour bien afficher sur un écran d'ordinateur et de télécharger rapidement à l'ordinateur d'un utilisateur. Plus l'image est, plus vite il va télécharger.

Sommaire

Avec une image ouverte dans photoshop, choisissez image-resize.
Pour changer la résolution de votre image, décochez d'abord la case rééchantillonnage au bas de la boîte de dialogue taille de l'image.
Cliquez et faites glisser pour sélectionner le numéro dans le domaine de la résolution et de le remplacer en tapant le numéro 72.
Cliquez pour sélectionner la case à cocher rééchantillonnage.
Entrez une hauteur et la largeur de l'image dans les champs de hauteur et de largeur.
Cliquez sur ok pour redimensionner l'image.

Bien que vous pouvez changer la taille d'affichage d'une image dans une page Web en modifiant la hauteur et la largeur paramètres dans Dreamweaver ou tout autre éditeur de Web, vous obtiendrez de bien meilleurs résultats si vous la place de changer la taille physique de l'image dans un programme d'éditeur tel que Photoshop.

Lorsque vous modifiez la hauteur et la largeur d'une image dans le code HTML, il vous suffit de charger un navigateur Web pour 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 changent pas l'image elle-même, mais juste forcent à tenir dans l'espace attribué lorsque le navigateur charge la page.

Si vous réglez l'image à afficher plus grand que sa taille réelle, l'image est susceptible de regarder floue ou déformée parce que l'image ne contient pas suffisamment de pixels pour tous les détails pour faire bonne figure dans une plus grande taille. Si vous définissez le code pour afficher l'image plus petite qu'elle ne l'est, l'image est susceptible de regarder écrasée et vos utilisateurs doit télécharger une image plus grande que nécessaire.

La réduction de la taille d'une image pour l'utilisation sur le web nécessite deux étapes. D'abord, vous réduisez la résolution d'une image, qui modifie le nombre de pixels dans l'image. Lorsque vous travaillez avec des images pour le web, vous voulez réduire la résolution de 72 pixels par pouce (ppp).

Deuxièmement, vous réduisez la taille physique de l'image en réduisant ses dimensions. Vous voulez la taille des images pour bien cadrer dans une fenêtre de navigateur et de travailler dans la conception de votre site.

Suivez ces étapes pour diminuer la résolution et de réduire la taille d'une image dans Photoshop (Photoshop Elements ou Fireworks, vous suivez un processus similaire, bien que les étapes spécifiques peuvent varier):

Avec une image ouverte dans Photoshop, choisissez Image-Resize.

La boîte de dialogue Taille de l'image ouvre.

Si vous ne voulez pas que votre image d'origine à perdre la qualité (ou vous voulez simplement de jouer la sécurité), faire une copie de votre image et redimensionner le copie pour votre site web.

Redimensionner graphiques et des photos pour iPad et iPhone

Agrandir

Pour changer la résolution de votre image, décochez d'abord la case Rééchantillonnage au bas de la boîte de dialogue Taille de l'image.

Pour de meilleurs résultats, toujours désélectionner la case Rééchantillonnage lorsque vous modifiez la résolution. Pour préparer au mieux les images pour le web, changer la résolution à 72 ppp afin qu'ils téléchargent plus rapidement.

Cliquez et faites glisser pour sélectionner le numéro dans le domaine de la résolution et de le remplacer en tapant le numéro 72.

Les dimensions Largeur et Hauteur seront redimensionner automatiquement.

Cliquez pour sélectionner la case à cocher Rééchantillonnage.

Avec la boîte de contrôle de l'image de Resample désactivée, vous ne pouvez pas changer les dimensions en pixels de sorte qu'il doit être vérifié lorsque vous modifiez la taille de l'image.

Agrandir

Entrez une hauteur et la largeur de l'image dans les champs de hauteur et de largeur.

Si la case Contraindre les proportions au bas de la boîte de dialogue est sélectionné (comme il est dans cet exemple), toutes les modifications que vous apportez à la hauteur affectent automatiquement la largeur (et vice versa) pour assurer que les proportions de l'image restent constantes. Si vous voulez changer l'image et pas conserver les proportions, vous pouvez désélectionner cette case.

Lorsque vous redimensionnez une image dans Photoshop dans la région de dimensions en pixels, vous pouvez spécifier la nouvelle taille en pixels ou en pourcentage de la taille originale.

Images par artistes Amy Baur et Brian Boldon, de l'art inplainsight.

Cliquez sur OK pour redimensionner l'image.

Si vous voulez retourner l'image à sa taille précédente, choisissez Edition-Annuler. Méfiez-vous que lorsque vous enregistrez l'image, les changements deviennent permanents.

A propos Auteur

Comment redimensionner les images avec IrfanView pour votre HTML5 et CSS3 pages Web en fonction

Tous les autres trucs de manipulation d'image peuvent être facultatives, mais vous devriez vraiment redimensionner les images sur vos pages web HTML5 et CSS3. Bien que les connexions à haute vitesse peuvent avoir aucun problème avec une image…

Exportation Google SketchUp 8 images pour l'impression

Pour faire une impression de bonne taille de votre image Google SketchUp exporté, il doit contenir suffisamment de pixels par pouce de l'image. La densité de pixels d'une image, exprimée en pixels par pouce (ppi), est sa résolution. Quel genre…

Comment redimensionner des graphiques et des photos pour votre site de médias sociaux

En tant que concepteur d'un site de médias sociaux, il est important pour vous de savoir quand et comment redimensionner vos images et graphiques pour optimiser votre site. Le redimensionnement est important pour deux raisons:Les images doivent…

Redimensionner vos photos pour le web avec des feux d'artifice ou Photoshop CS6

Vous pouvez redimensionner vos images à haute résolution pour la publication sur un site Web avec Fireworks ou Photoshop CS6. Des images haute résolution ont de gros fichiers inadapté pour l'affichage sur un site Web. Images pour le web ont…

Comment choisir la bonne résolution pour vos photos de chiens

Essentiellement, les photos sont de deux types - celles à haute résolution que vous imprimez et ceux à faible résolution que vous affichez sur le web. La résolution d'image est parlé dans points par pouce (ou dpi) et signifie le nombre de…

Changer la taille de l'image et de la résolution dans les éléments de photoshop 10

Vous pouvez changer la taille et la résolution d'une image en deux manières différentes. Une méthode est recadrer des images. Vous pouvez utiliser l'outil de recadrage avec ou sans images rééchantillonnage. Une autre méthode consiste à…

Modification de la taille d'affichage à l'écran d'une photo numérique avec des éléments de Adobe Photoshop

Pour les photos à l'écran, nombre de pixels (résolution) détermine la taille d'affichage de l'image. Si vous souhaitez modifier la taille d'affichage d'une photo numérique, vous devez soit ajouter ou supprimer des pixels du fichier image.…

Recadrer vos photos de paysage dans photoshop elements

Vous pouvez utiliser Photoshop Elements pour recadrer vos images avant de les exporter pour l'e-mail, de les afficher sur un site web, ou la création d'imprimés. Pour ce faire, indiquez la taille et la résolution de l'image. Vous pouvez…

Comment changer la taille et la résolution de l'image dans Photoshop Elements 9

Vous pouvez changer la taille et la résolution d'une image dans Photoshop Elements. Dans certains cas, les images sont trop grandes, et vous avez besoin pour réduire leur résolution et la taille physique. Dans d'autres cas, vous pourriez avoir…

La résolution d'image et les dimensions dans photoshop elements 10

Le nombre de pixels dans un fichier détermine sa résolution d'image. Si vous avez 72 pixels dans une ligne horizontale de 1 pouce, votre résolution d'image est de 72 pixels par pouce (ppp). Si vous avez 300 pixels dans 1 pouce, votre résolution…

Redimensionner vos photos de nature dans photoshop elements

Votre appareil photo numérique a une taille de jeu et la résolution pour les images qu'il capture. La taille dépend de la résolution de la caméra en mégapixels. Vous pouvez utiliser Photoshop Elements pour redimensionner vos images avant de…

Résultats de photoshop elements de ré-échantillonnage 10 images

Dans certains cas, les images sont trop grandes, et vous avez besoin pour réduire leur résolution et la taille physique. Dans d'autres cas, vous pourriez avoir besoin d'une résolution plus élevée à la sortie de vos images à de plus grandes…

Comment la taille d'impression affecte la qualité d'image

Lorsque vous définissez la taille d'impression, vous devez tenir compte de la qualité que vous obtiendrez à cette taille. Plus vous imprimez une image, moins défini, il devient. Ainsi, la taille d'impression joue un grand rôle dans la qualité…

Définition de la résolution de sortie pour imprimer de grandes photos

Pour comprendre la plus grande taille à laquelle vous pouvez imprimer votre image à une certaine résolution, de diviser le nombre de pixels en largeur par la résolution que vous souhaitez. Le résultat vous donne la plus grande largeur…

godiches.com » Internet & médias sociaux » Web design & développement » Conception iPhone & iPad web » Redimensionner graphiques et des photos pour iPad et iPhone