Comment optimiser les images jpeg pour le web

Ayant images accrocheur sur votre site Web est l'une des meilleures façons d'attirer iPhone et iPad amateurs soucieux de leur image. Le format JPEG est le meilleur choix pour l'optimisation des images en tons continus, comme les photographies et images avec beaucoup de couleurs ou des dégradés.

Sommaire

Avec l'image ouverte dans photoshop, choisissez fichier-enregistrer pour le web devices (ou fichier-enregistrer pour le web).
Dans le coin supérieur gauche de la boîte de dialogue, choisissez 2-up ou 4-up pour afficher plusieurs versions de la même image pour faciliter la comparaison côte-à-côte.
Sur le côté droit de la fenêtre, un peu moins de présélection, cliquez sur la petite flèche pour ouvrir la liste déroulante format de fichier optimisé et choisir jpeg.
Réglez la qualité de compression.
Spécifiez les autres paramètres comme vous le souhaitez (la qualité de compression et format de fichier sont les paramètres les plus importants).
Cliquez sur enregistrer.
Entrez un nom pour l'image et l'enregistrer dans le dossier images dans le dossier de votre site web.

Lorsque vous optimisez une image JPEG, vous pouvez faire la taille du fichier en appliquant la compression. Plus la compression, plus l'image, mais si vous compressez l'image trop, l'image peut sembler horrible. Le truc est de trouver le juste équilibre.

Si vous avez une photo numérique ou d'une autre image que vous voulez préparer pour le Web, suivez ces étapes pour optimiser et enregistrer dans Photoshop (Photoshop Elements ou Fireworks, le processus est similaire, bien que les étapes spécifiques peuvent varier):

Avec l'image ouverte dans Photoshop, choisissez Fichier-Enregistrer pour le Web Devices (ou Fichier-Enregistrer pour le Web).

La Enregistrer pour le Web Boîte de dialogue Périphériques apparaît.

Comment optimiser les images jpeg pour le web

Agrandir

Dans le coin supérieur gauche de la boîte de dialogue, choisissez 2-Up ou 4-Up pour afficher plusieurs versions de la même image pour faciliter la comparaison côte-à-côte.

Le réglage 2-Up permet de voir l'image originale sur le dessus et un aperçu de la même image telle qu'elle apparaîtra avec les paramètres spécifiés sur le fond (si vous travaillez avec une image verticale, les aperçus apparaissent côte côté). L'option 4-Up, comme son nom l'indique, affiche quatre versions différentes pour la comparaison.

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

Sur le côté droit de la fenêtre, un peu moins de présélection, cliquez sur la petite flèche pour ouvrir la liste déroulante Format de fichier optimisé et choisir JPEG.

Le format JPEG est le meilleur choix pour l'optimisation des images en tons continus, comme les photographies et images avec beaucoup de couleurs ou des dégradés.

Réglez la qualité de compression.

Utilisez les options prédéfinies Faible, Moyen, haut, très haut, ou maximales dans la liste déroulante. Ou utilisez le curseur juste sous le domaine de la qualité pour faire des ajustements plus précis. L'abaissement de la qualité réduit la taille du fichier et permet le téléchargement d'images plus rapidement, mais si vous réduisez ce nombre trop, l'image sera floue et tâché.

Photoshop utilise une échelle de compression de 0 à 100 pour les fichiers JPEG dans cette fenêtre de dialogue, avec 0 la qualité la plus basse possible (le plus haut taux de compression et de la petite taille de fichier) et 100 de la qualité la plus élevée possible (le moins de compression et le plus grand fichier taille). Low, Medium et High représentent des valeurs de compression de 10, 30, et 60, respectivement.

Spécifiez les autres paramètres comme vous le souhaitez (la qualité de compression et format de fichier sont les paramètres les plus importants).

Par exemple, vous pouvez sélectionner la case à cocher progressif pour afficher l'image progressivement dans une browser- web qui est, pour l'afficher d'abord à une faible résolution, puis à des résolutions plus élevées que le téléchargement progressivement produit. (Certains navigateurs ne supportent pas les fichiers JPEG progressifs.)

Cliquez sur Enregistrer.

Le Sauvegarder optimisé boîte de dialogue apparaît.

Entrez un nom pour l'image et l'enregistrer dans le dossier images dans le dossier de votre site web.

Photoshop enregistre l'image optimisée comme une copie de l'original et laisse l'original ouvert dans la zone de travail principale Photoshop.

Répétez ces étapes pour chaque image que vous souhaitez optimiser au format JPEG.

Au bas de l'aperçu d'image dans le Enregistrer pour le Web Boîte de dialogue Périphériques, Photoshop comprend une estimation du temps nécessaire à l'image pour télécharger à la vitesse de connexion spécifié. Lorsque vous ajustez les paramètres de compression, la taille de l'image change et l'estimation de téléchargement se règlent automatiquement.

Vous pouvez modifier la vitesse de connexion utilisée pour effectuer ce calcul en cliquant sur la petite flèche située à droite de la vitesse de connexion et l'utilisation de la liste déroulante pour sélectionner une autre option, comme 256 Kbps pour la vitesse du modem câble. Utilisez cette estimation comme un guide pour vous aider à décider combien vous devez optimiser chaque image.

A propos Auteur

Comment optimiser gif et png pour votre site de médias sociaux

Si vous travaillez avec un graphique qui peut être visualisée en 256 couleurs ou moins sur votre site de médias sociaux - comme un logo, personnage de dessin animé, ou un dessin - le mieux est d'utiliser le format PNG et de réduire le nombre…

Comment optimiser les images jpeg pour votre site de médias sociaux

JPEG est un bon choix de format pour votre site de média social. Le format JPEG est le meilleur choix pour l'optimisation des images en tons continus, comme les photographies et images avec beaucoup de couleurs ou des dégradés. Lorsque vous…

Comment optimiser votre image de couverture de facebook avec Photoshop de boîte de dialogue Enregistrer pour le Web

Après que vous obteniez votre couverture et profil Facebook des photos placés là où vous le souhaitez, d'optimiser l'image de couverture avant de la télécharger à Facebook dans les étapes qui suivent. Rappelez-vous que votre image de…

Comment enregistrer des images à utiliser sur votre site de médias sociaux

Vous aurez besoin de savoir comment sauvegarder les images pour être utilisé sur vos médias sociaux site.If vous êtes nouveau à l'enregistrement des images pour le web, les bases suivantes peuvent vous aider à obtenir les meilleurs résultats…

Meilleures formats d'image pour iPhone et iPad

Lorsque vous concevez des sites Web pour l'iPhone et l'iPad, vous devez choisir les meilleurs formats d'image pour toutes les photos, art de la ligne, logos, dessins animés, et d'autres images que vous souhaitez afficher.Si vous travaillez avec des…

Comment optimiser les images web dans des formats PNG

Lorsque vous concevez pour l'iPhone, iPad ou iPod touch, vous devez choisir les meilleurs formats image et la résolution, ainsi que d'optimiser vos photos et autres graphiques.Si vous travaillez avec un graphique, comme un logo, personnage de…

Optimiser images dans Photoshop pour iPhone et iPad

Vous devez utiliser un programme d'édition de graphiques, tels que Adobe Photoshop ou Fireworks, de créer des graphiques pour le web lors de la conception de l'iPhone et l'iPad. Vous pouvez utiliser la boîte de dialogue Enregistrer pour le Web…

Les formats de fichier pour les images à vos messages e-mail marketing

En utilisant des images - tout type de fichier graphique - dans vos e-mails communications marketing donne à vos messages qu'il piquant, mais exige également une planification minutieuse. Que vous obtenir vos images avec un appareil photo…

Choisissez un format de fichier et sauvegardez vos chiens photographie images

Avant de vous rendre même la boîte de dialogue Enregistrer sous, avoir une idée sur la façon dont vous aurez finalement afficher vos photos de chiens, parce que cela dicte le format de fichier que vous choisissez. Les deux formats de fichiers…

Format de fichier JPEG dans Photoshop Elements 10

JPEG (Joint Photographic Experts Group) est peut-être le format le plus commun de fichier actuellement en usage. Les fichiers JPEG sont utilisés avec pièces jointes d'e-mail et par de nombreux laboratoires photo pour l'impression de fichiers, et…

Enregistrer les fichiers pour le web dans photoshop elements 12

Lorsque vous voulez préparer photos dans Photoshop Elements pour les navigateurs Web et pour la visualisation à l'écran tels que les fichiers PDF interactifs, vous pouvez optimiser les images pour le web en choisissant Fichier-Enregistrer pour le…

Enregistrer des éléments de photoshop 10 images pour le web

Lorsque vous voulez préparer les photos pour les navigateurs Web et de visualisation à l'écran tels que les fichiers PDF interactifs, vous pouvez optimiser les images en choisissant le fichier-commande Enregistrer pour le Web. Après l'ouverture…

Enregistrer les photos dans Photoshop Elements pour l'affichage en ligne

Lorsque vous préparez des photos pour les navigateurs Web et les fichiers de visualisation à l'écran, vous devez optimiser les images à partir de Photoshop Elements. Il suffit de suivre ces étapes simples. Agrandir1Ouvrez une photo dans…

Enregistrer votre photographie de la nature dans des éléments de photoshop

Après avoir modifié une image, il est temps pour le sauver. Vous pouvez sauvegarder vos photos de nature dans un format pris en charge par Photoshop Elements. Si vous éditez un fichier RAW, votre seule option est d'enregistrer dans un format…

godiches.com » Internet & médias sociaux » Web design & développement » Conception iPhone & iPad web » Comment optimiser les images jpeg pour le web