Aujourd'hui, nous allons parler de la façon d'enregistrer et d'optimiser correctement une image dans Photoshop et dans quel format il est préférable de le faire. Mais bon choix le format d'enregistrement affecte grandement la qualité et apparence images, ainsi que le poids de l'image en kilo-octets. Ceci est particulièrement important pour ceux qui prennent en compte la consommation de trafic. Alors, traitons les jpg, gif et png dans l'ordre.

1. Dans quels formats enregistrer les images
Après avoir ouvert votre photo préférée dans Photoshop et l'avoir évoquée d'une manière ou d'une autre ou, en général, créé un collage de votre propre production à partir de zéro, vous devez enregistrer ce fichier sur votre ordinateur. Il existe trois formats les plus courants pour enregistrer un fichier.

format jpg. Peut-être le format le plus courant. Convient pour enregistrer des graphiques complexes avec de nombreuses couleurs et nuances et des textures riches. Autrement dit, les photos sont mieux enregistrées dans ce format. Parmi ses inconvénients, il ne supporte pas la transparence et est très sensible au rouge.

format gif. Dans ce format, il est très bon d'enregistrer des fichiers avec un nombre limité de couleurs. Par exemple, pages de texte, tableaux, schémas, logos, images simples. Il s'avère beaucoup plus clair et pèse moins. De plus, le format prend en charge la transparence et l'animation. Cependant, le format est moralement obsolète et est déjà inférieur au format png.

format png. Semblable au format précédent, mais plus avancé et plus efficace dans la compression des images. En png, il est très pratique d'enregistrer des cliparts sur un fond transparent. Existe en deux formats png-8 (pour images simples, prend en charge 256 couleurs) et png-24 (pour les images plus complexes, prend bien en charge les couleurs).

2. Enregistrez à l'aide de la fonction "Enregistrer sous..." (Enregistrer sous...)
Vous pouvez enregistrer l'image en utilisant la bonne vieille méthode via le menu "Fichier" -\u003e "Enregistrer sous ..." (Enregistrer sous ...) ou la combinaison de touches "Maj + Ctrl + S". Dans le menu déroulant, sélectionnez le format de fichier dans lequel nous voulons enregistrer le fichier. (Voir l'image ci-dessous) Cette méthode est utilisée lorsque l'image enregistrée restera sur votre ordinateur et n'est pas destinée à être publiée sur Internet.

3. Enregistrez à l'aide de la fonction "Enregistrer pour le Web" (Enregistrer pour le Web...)
Si votre photo est destinée à être publiée sur Internet, il est alors préférable d'utiliser la fonction « Enregistrer pour le Web » (Enregistrer pour le Web…). Avec cette méthode, l'image est de mieux en mieux enregistrée spécifiquement pour Internet, et en plus il existe plusieurs fonctionnalités pratiques. Sélectionnez dans le menu "Fichier" -> "Enregistrer pour le Web..." (Enregistrer pour le Web...) ou la combinaison de touches "Alt + Maj + Ctrl + S". Une boîte de dialogue s'ouvrira.

Pour enregistrer l'image au format jpg, dans le menu déroulant (1) sélectionnez format jpeg. Nous fixons la qualité de conservation (2) de 75% à 95%. Je mets toujours 75%. Définissez, si nécessaire, les dimensions requises de l'image (3). Les cases de gauche indiquent la taille de l'image d'origine (4) et la taille de l'image optimisée (5). Après cela, cliquez sur "Enregistrer".

Afin d'enregistrer l'image au format gif, dans le menu déroulant (1) sélectionnez le format GIF. Sélectionnez le nombre de couleurs à enregistrer (2). Définissez, si nécessaire, les dimensions requises de l'image (3). Les cases de gauche indiquent la taille de l'image d'origine (4) et la taille de l'image optimisée (5). Après cela, cliquez sur "Enregistrer".

Pour enregistrer une image dans format png dans le menu déroulant (1) sélectionnez le format PNG-8. Sélectionnez le nombre de couleurs à enregistrer (2). Définissez, si nécessaire, les dimensions requises de l'image (3). Les cases de gauche indiquent la taille de l'image d'origine (4) et la taille de l'image optimisée (5). Cochez la case "Transparence" (6) pour que le fond soit transparent. Après cela, cliquez sur "Enregistrer".

S'il n'est pas immédiatement clair dans quel mode enregistrer, il est préférable d'essayer tous les modes d'enregistrement, en déterminant à l'œil nu la combinaison de qualité d'image et de son poids qui vous convient le mieux après optimisation. En général, il est utile d'expérimenter les paramètres afin de comprendre comment fonctionne une fonction particulière.

Ceux qui découvrent Photoshop se demandent probablement pourquoi il propose deux types de sauvegarde de leur travail - "Enregistrer sous" et "Enregistrer pour le Web et les appareils" ? De plus, il existe toute une liste de formats graphiques ... Cela sera discuté ci-dessous.

Commençons par les formats graphiques. Considérez les plus courants d'entre eux et pour quelles situations ils sont les mieux adaptés.

PSD (Document Photoshop)

PSD est le format propriétaire de Photoshop, sa carte de visite. Il est développé de manière simple et complète, car: il prend en charge la structure "en couches" des œuvres finies ou pas tout à fait graphiques, les chemins de détourage, les informations sur les canaux et les modifications qui leur sont apportées sans perte de qualité lors de la réenregistrement plusieurs fois.

En règle générale, ce format est choisi si le travail n'est pas encore terminé ou si vous souhaitez enregistrer la séquence des opérations effectuées, les éléments individuels situés sur les calques, les effets, etc. cependant, la taille d'un tel fichier est beaucoup plus grande qu'une image similaire, mais enregistrée en "jpg". Il en sera question plus loin…

JPG (JPEG, Groupe conjoint d'experts photographiques)

Le format d'image le plus courant et le plus populaire. Je n'ai pas peur de le dire, mais la plupart des utilisateurs de matériel photographique y sont maintenus, en commençant par les simples amateurs et en continuant avec les amateurs "avancés". Les pros l'utilisent également, mais surtout uniquement au stade final de la création d'une photographie, après que leur image photographique à toutes les étapes du traitement a migré à plusieurs reprises d'un format graphique à un autre. Les images au format "jpg" ont également une supériorité absolue dans l'immensité du World Wide Web.

Relativement ce format Je recommanderais ce qui suit. Si vous enregistrez exactement la photo, en plus d'en avoir une lumineuse, palette de couleurs, alors n'hésitez pas à choisir "jpg". Rappelez-vous simplement que "jpg" n'a rien à voir avec les calques, de plus, avec une nouvelle sauvegarde de l'image, sa qualité se détériorera progressivement, en raison du fait que de temps en temps l'algorithme de compression qui y est fourni "nettoiera" constamment le image parmi les couleurs disponibles. Une fois que vous avez enregistré l'image finale au format "jpg", ne la modifiez plus.

La qualité de l'image au format "jpg" est maîtrisée, et en relation étroite avec le "poids" de l'image. Plus le pourcentage de compression que vous appliquez est élevé, plus les couleurs seront omises de l'image, ce qui réduira considérablement la taille de l'image enregistrée. La course à l'économie d'espace disque ne passe pas inaperçue et l'image perd de son attrait - du bruit apparaît, notamment aux frontières des transitions de couleurs, de petits détails (cheveux flottants, lignes fines, etc.)

GIF (format d'échange graphique)

Ce format est utile lorsque vous travaillez avec un fichier avec une gamme de couleurs non critique, c'est-à-dire nous parlons de 256 couleurs. Dans le cas de "gif", je recommanderais de l'utiliser pour des images où les éléments dessinés sont représentés majoritairement en une seule couleur, sans demi-teintes dégradées (noir, vert, bleu, rose, etc.). Certes, vous ne perdrez rien si vous enregistrez votre image au format "png" 8 bits, mais nous en parlerons ci-dessous. "gif" prend également en charge la transparence, mais encore une fois, il n'est pas destiné à enregistrer les calques. En même temps, ce format est le seul moyen de créer une animation graphique.

PNG (graphiques réseau portables)

Il existe deux options pour enregistrer au format "png" - sous forme 8 bits et 24 bits. Cette opération s'effectue via le menu Fichier>Enregistrer pour le Web et les appareils….

Brièvement sur chaque option.

"png (8 bit)" ainsi que "gif" ne distinguent que 256 couleurs, ce qui en fait déjà le moyen le moins attrayant pour enregistrer des photos. "png" 8 bits est optimal dans les cas où les images ont des transitions dégradées, car l'algorithme fourni dans ce format, la compression est plus conviviale pour les teintes. Comme "gif", le "png" 8 bits prend en charge la transparence, mais n'est plus adapté à la création d'images animées.

"png (24 bits)" par rapport à la version 8 bits, ainsi que "jpg" et "gif" a un avantage important - c'est le seul qui peut préserver la translucidité, c'est-à-dire que si "gif" et "png (8 bits) "capable de seulement deux valeurs de transparence - transparent / opaque, alors la version 24 bits fournit un nombre beaucoup plus important de valeurs intermédiaires. Cette qualité est principalement recherchée dans le domaine du web design. Dans le travail quotidien avec des images, il est peu probable que cela vous soit utile.

Et encore une chose .. Tous les formats répertoriés, à l'exception de "psd", peuvent être ouverts dans n'importe quel visualiseur d'images standard et téléchargés sur Internet sans aucun problème.

Et maintenant quelques mots sur les méthodes de sauvegarde proposées dans Photoshop. Donc, Fichier>Enregistrer sous… Pour enregistrer en "psd", seule cette méthode est fournie, de la même manière vous pouvez enregistrer en "gif", "jpg" et "png (24 bits)", mais il est conseillé de recourir à ce type d'enregistrement uniquement dans les cas où vous ne vous souciez pas de la taille de l'image finale.

La méthode d'enregistrement via le menu Fichier>Enregistrer pour le Web et les appareils…, quant à elle, n'est pas adaptée au format "psd", mais avec d'autres formats cette opération coule comme du beurre. Le principal avantage dans ce cas est la possibilité d'affiner la qualité de l'image de sortie, et donc de contrôler la taille du fichier. Aussi une option pratique Aperçu le résultat de la sauvegarde de l'image est toujours en cours de sélection des paramètres de compression optimaux. Et ce qui est encore plus important dans le cas du format "gif", c'est la méthode de sauvegarde Fichier>Enregistrer pour le Web et les appareils... vous pouvez enregistrer une image animée gif !

Bonjour chers lecteurs du blog Start-Luck ! En contact Andrey Zenkov et mon conseils pratiques sur la conception de sites Web. Aujourd'hui, nous parlerons des mêmes clés, sans lesquelles votre site n'ouvrira jamais la porte au monde des signets du navigateur (et il est si important pour l'utilisateur de marquer les pages préférées d'un astérisque).

Il s'agira, comme vous l'avez peut-être deviné, d'images. Prendre une photo lumineuse n'est que la moitié de la bataille. Après son traitement, sa colorisation, sa superposition de texte et autres manipulations, un nouveau problème se profile à l'horizon : comment enregistrer une image dans Photoshop ?

Disons que vous avez créé un site Web sur les animaux de compagnie et que vous souhaitez ajouter une vaste galerie de photos. Bach - et vous ne pouvez pas imaginer le design sans de charmantes icônes de menu sous la forme d'empreintes de pattes. Qu'en est-il de la rubrique animations drôles qui va égayer les invités du site?

Avec enthousiasme, vous adaptez toutes les images pour les ajuster, les enregistrer et... voyez que l'effort est vain. Les pixels tuent complètement les "pattes" minutieusement créées, et vous ne pouvez pas regarder des images en mouvement sans larmes. Photoshop passe automatiquement à la liste des programmes de désinstallation et vous vous faites la promesse de trouver un véritable artisan. Pourquoi? Vous pouvez tout faire vous-même, après avoir appris le secret principal que j'utilise toujours.

L'algorithme d'enregistrement des images en qualité optimale dépend de leur format. Je ne veux pas entrer dans les détails, parler de ce qui est raster et de ce qui est vectoriel. De plus, vous pouvez les modifier en quelques clics. J'ai déjà écrit à ce sujet dans l'un de mes articles, partageant avec les lecteurs comment changer les formats d'image.

En analysant les sites dont Internet est riche, j'ai remarqué un détail intéressant : tous les éléments graphiques sont représentés par seulement quelques formats universels, tandis que l'existence des autres est complètement oubliée. Que sont-ils?

Les principaux groupes d'images dans la conception Web

Le contenu graphique des sites Web est conditionnellement divisé en trois catégories.

Collages et photos

Ils se caractérisent par le format JPG - soit dit en passant, le plus répandu sur le web. Ces images sont de petite taille, ce qui vous permet de les utiliser dans la conception du site sans craindre un chargement lent des pages. Par exemple, le même paysage enregistré en JPG et PNG diffère considérablement en poids :

Icônes, boutons et bannières

PNG est préféré pour ces éléments de conception. Il vous permet de découper un objet et d'enregistrer l'image sans arrière-plan, en utilisant à la place l'"arrière-plan" du site. Je recommanderais également ce format pour les images qui n'ont pas une palette énorme. Par exemple, créez un document dans Photoshop et - le nom du site :

Nous enregistrons l'image dans deux formats et comparons le résultat :

Animation

GIF est conçu pour créer des images animées composées de deux calques ou plus. Cela peut être fait non seulement avec Photoshop, mais aussi. J'appellerais ce format le plus capricieux, car lors de sa sauvegarde, il est difficile à réaliser bonne qualité. Heureusement, j'ai un hack qui vous donnera des animations peu pixélisées. Intrigué? Continuer à lire!

Instructions pas à pas pour enregistrer des images

Commençons par le JPG : c'est très facile d'obtenir une photo sans perte de qualité. Pour ce faire, cliquez sur "Fichier" - "Enregistrer sous". Si vous le souhaitez, vous pouvez utiliser la combinaison de touches Maj + Ctrl + S :

Dans la fenêtre qui apparaît, recherchez la liste déroulante "Type de fichier" et sélectionnez la ligne JPEG. Il se tient généralement par défaut :

Dans la même liste déroulante, vous pouvez également sélectionner la ligne PNG, vous simplifiant ainsi la tâche. Cependant, je recommande de sauvegarder les images avec arrière-plan transparent différemment.

Examinez la fenêtre qui s'ouvre. Votre tâche consiste à vous assurer que l'élément PNG-24 est sélectionné dans la liste déroulante et qu'il y a des coches à côté des lignes "Transparence" et "Entrelacé":

Attention : la dernière coche réduit le temps de chargement de l'image sur le site, mais en même temps augmente son poids. Si cela ne vous dérange pas, cliquez sur Enregistrer. Dans la fenêtre déroulante, sélectionnez le chemin du fichier et appuyez à nouveau sur le bouton précieux pour obtenir l'image PNG et la mettre sur le site dès que possible !

L'animation est enregistrée via le même élément de menu, mais vous devez maintenant sélectionner l'option GIF dans la liste déroulante. Un grand nombre de paramètres et de mots incompréhensibles peuvent provoquer la confusion ou même la peur. Pas la peine ! Définissez simplement les options que j'utilise:

Résumé

Travailler avec des graphiques nécessite une amélioration constante des compétences, sans se concentrer sur une ou deux directions. Comment être? À un moment donné, une vraie trouvaille pour moi était ensemble de cinq mini-cours du projet Photoshop Master. D'eux j'ai appris plus d'un octet informations utiles.

Le matériel est présenté sous une forme accessible et gratuite. C'est une excellente alternative aux études dans les académies d'informatique et aux longues heures passées à chercher les bonnes leçons sur Internet.

C'est tout. N'oubliez pas de vous abonner à Groupe VKontakte et des mises à jour de blog pour une portion hebdomadaire d'articles frais et utiles.

Andrei Zenkov était avec vous. À bientôt!

Adobe Photoshop- un éditeur graphique multifonctionnel populaire. De nombreux utilisateurs y sont confrontés, en particulier lors du traitement de photos et d'images. Comment enregistrer un document dans Photoshop ? C'est l'une des fonctions principales de l'éditeur graphique. Dans la suite, tous méthodes possibles enregistrement des images. Les conseils proposés à votre attention faciliteront grandement le processus de travail avec Photoshop. Ils sont faciles à apprendre et à mettre en pratique.

Sauvegarde régulière

Comment enregistrer une photo dans Photoshop ? La première option disponible en éditeur graphique, est la commande "Enregistrer". Il est généralement utilisé lors du traitement d'un document précédemment ouvert. Lors de l'exécution de la commande, l'objet précédemment existant sera remplacé par l'image éditée.

1. Ouvrez la photo et modifiez-la à votre guise.
2. Cliquez sur le bouton "Fichier". Il est situé sur la barre d'outils en haut de l'écran.
3. Cliquez sur le bouton "Enregistrer...".

Important : si l'utilisateur a créé un document graphique à partir de zéro, après les actions effectuées, un journal de sauvegarde apparaîtra à l'écran. Ici, vous devez spécifier le nom du document, son format de stockage et l'emplacement prévu sur l'ordinateur.

Options "Enregistrer sous..."

La deuxième façon d'économiser fichiers graphiques est l'utilisation de la commande "Enregistrer sous...". Cette technique est similaire à l'algorithme d'actions précédemment étudié. Il propose une variété d'options de sauvegarde. La méthode est idéale pour dupliquer des images.

1. Cliquez sur "Fichier" après avoir édité le document.
2. Sélectionnez "Enregistrer sous..." dans le menu qui s'affiche.
3. Spécifiez le nom du document enregistré.
4. Sélectionnez un format d'enregistrement. C'est dans la ligne "Type de fichier".
5. Spécifiez où enregistrer le document graphique.
6. Cliquez sur "Enregistrer".
7. Spécifiez les options de photo. Habituellement, la qualité d'image et le type de format sont sélectionnés ici. Vous pouvez spécifier une optimisation standard ou améliorée, ou avec une amélioration progressive de la qualité de l'image lors du chargement.
8. Cliquez sur le bouton "OK".

C'est fait. Nous avons appris une autre façon d'enregistrer des documents via Photoshop. Pour activer rapidement l'option, vous pouvez appuyer sur Ctrl + Maj + S.

Avec fermeture de fichier

1. Accédez à l'onglet avec l'image sélectionnée.
2. Déplacez le curseur vers le coin supérieur droit de l'onglet avec le document correspondant.
3. Cliquez sur la croix avec le bouton gauche de la souris.
4. Acceptez de sauvegarder le document en cliquant sur "Oui".

Important : si vous cliquez sur Non, Photoshop se fermera sans enregistrer les modifications apportées au document. "Annuler" renverra l'utilisateur à l'éditeur sans aucun changement.

Pour les ressources Web

"Photoshop" est souvent utilisé lors de la création de graphiques pour des sites Web. Il ne reste plus qu'à enregistrer correctement le document. Que faut-il pour cela ?

1. Sélectionnez "Fichier" - "Enregistrer pour le Web...".
2. Spécifiez le jeu graphique et le format d'enregistrement.
3. Définissez les options d'arrière-plan.
4. Spécifiez la qualité et la taille de l'image.
5. Cliquez sur le bouton "Terminer".

L'accès rapide à l'option s'effectue à l'aide du raccourci clavier Alt + Maj + Ctrl + S.

Enregistrer l'arrière-plan et l'image sans lui

Comment enregistrer un arrière-plan dans Photoshop ? C'est une tâche assez simple. Le fait est que l'utilisateur peut utiliser n'importe quelle image comme arrière-plan. Il ne reste plus qu'à le définir comme élément mentionné de l'image.

La création d'un arrière-plan dans Photoshop se fait comme ceci :

1. Ouvrez ou créez un document graphique.
2. Cliquez sur le bouton "Ajouter un nouveau calque".
3. Copiez l'image utilisée comme arrière-plan.
4. Collez l'image sur le nouveau calque créé.

Il reste maintenant à apporter les ajustements nécessaires à l'image, puis à déplacer le calque d'arrière-plan tout en bas.

Comment enregistrer une image dans Photoshop sans Contexte? Pour ce faire, vous devrez créer un document .gif ou .tiff. Il est préférable de travailler avec la première option. Pour ce faire, vous devrez activer l'option "Enregistrer pour le Web ...", puis dans les options d'enregistrement, cochez la case à côté de "Transparent".

Instruction

Un débutant ne doit pas trop approfondir la théorie, mais vous devez absolument savoir que JPEG est un format avec un algorithme de compression. Un fichier de ce format peut avoir différentes extensions, par exemple ? .jpeg, .jfif, .jpg, .JPG ou .JPE. Il est très pratique car il prend beaucoup moins de place qu'une image similaire dans Format TIFF ou BMP. Contrairement à ce dernier, il contient moins d'informations sur l'image. Lors de la visualisation du fichier original sur un moniteur, cela peut ne pas être trop perceptible, mais lorsque la photo est imprimée en laboratoire ou traitée, le résultat peut s'avérer de qualité inférieure aux formats d'informations complets.

La façon dont vous enregistrez un JPEG dépend beaucoup de vos objectifs. Avant d'enregistrer l'image, décidez si vous allez la traiter, l'imprimer sur du papier photo ou si vous avez juste besoin de mettre l'image sur une page sur Internet.

Pour le post-traitement ou l'impression dans un laboratoire photo, enregistrez l'image avec la qualité et la taille les plus élevées. Lors de l'enregistrement de l'image souhaitée, ouvrez le menu Fichier (Fichier) et sélectionnez Enregistrer sous (Enregistrer sous). Sélectionnez le répertoire dans lequel le fichier sera enregistré. Dans la première ligne, entrez le nom, et dans la seconde, sélectionnez le format JPEG et cliquez sur le bouton Enregistrer. Si vous avez fait des manipulations avec le fichier, une boîte de dialogue apparaîtra devant vous avec un choix de la qualité de l'image enregistrée. Vous devez sélectionner la qualité maximale avec le curseur ou le chiffre 12 correspondant. Confirmez votre choix en appuyant sur Ok. Si vous n'avez pas manipulé l'image, après l'avoir enregistrée, la boîte de dialogue avec le choix de la qualité JPEG ne s'ouvrira pas.

Lors de l'enregistrement d'une photo pour publication sur Internet, les ressources modernes elles-mêmes peuvent modifier la taille et la qualité du fichier JPEG téléchargé. Cependant, dans certains cas, vous devez le faire vous-même. Avant d'enregistrer l'image, redimensionnez-la en allant dans le menu Image et en sélectionnant Taille de l'image. Assurez-vous que la case Contraindre les proportions est cochée. Choisissez une unité de mesure qui vous convient : centimètres, pixels, pouces ou millimètres, entrez la valeur requise de l'un des côtés en chiffres et cliquez sur OK (dans la plupart des cas, les images de 800 à 1500 pixels sur le plus grand côté sont utilisées pour les pages Web). Enregistrez le résultat en sélectionnant basse qualité. Avec ses valeurs de 8 à 10 et une petite taille d'image, les différences visuelles de format original minime, mais la taille du fichier est considérablement réduite.

Également dans Adobe Photoshop, il existe un module spécial pour optimiser et enregistrer des images pour les pages Web, ce qui peut être plus pratique. Dans le menu Fichier, choisissez Enregistrer pour le Web. Dans la boîte de dialogue qui s'ouvre, une fenêtre d'aperçu de l'image enregistrée et plusieurs options de paramétrage s'affichent. Sélectionnez l'onglet 4-up ou 2-up. Le programme vous présentera quatre ou deux options possibles image optimisée. Pour enregistrer le bon, cliquez simplement sur l'image et cliquez sur Enregistrer (Save). Si les options ne vous conviennent pas tout à fait, utilisez d'abord les outils situés à droite de l'image.