Comment sauvegarder l'image dans PNG. Enregistrer sous ... ou comment mieux sauver l'image créée

Aujourd'hui, nous parlerons de savoir comment économiser et optimiser correctement l'image dans Photoshop et dans lequel le format est préférable de faire. Mais parce que bon choix Le format de préservation affecte grandement la qualité et apparence Photos, ainsi que des images de poids en kilo-octets. Ceci est particulièrement important pour ceux qui prennent en compte le flux de trafic. Donc, trouvons-le en ordre avec JPG, GIF et PNG.

1. Dans quels formats enregistrer des images
Après avoir ouvert une photo préférée dans Photoshop et en quelque sorte une mauvaise herbe sur elle ou, en général, créée à partir de gratter le collage de notre propre production, vous devez enregistrer ce fichier sur votre ordinateur. Pour enregistrer le fichier, il existe trois formats les plus courants.

Format JPG. Peut-être le format le plus courant. Convient pour stocker des images graphiques complexes avec une variété de couleurs et de nuances et une texture saturée. C'est-à-dire que les photos sont mieux sauvegardées dans ce format. Parmi ses défauts - ne supporte pas la transparence et est très sensible au rouge.

Format GIF. Dans ce format, il est très bon de sauvegarder des fichiers, avec un nombre limité de couleurs. Par exemple, des pages de texte, des tables, des schémas, des logos, des 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 moralement obsolète et est déjà inférieur au format PNG.

Format PNG. Cela ressemble au format précédent, mais il est plus avancé et compresse plus efficacement les images. Dans PNG, il est très pratique de garder des Cliparts sur arrière-plan transparent. Existe dans deux formats PNG-8 (pour photos simples, Prend en charge 256 couleurs) et PNG-24 (pour des images plus complexes, bien supporte les couleurs).

2. Nous économisons à l'aide de la fonction "Enregistrer sous ..." (Enregistrer sous ...)
Vous pouvez enregistrer une image à l'aide d'une vieille bonne voie à travers le menu "Fichier" -\u003e "Enregistrer sous ..." (Enregistrer sous ...) ou la combinaison de touches "Maj + Ctrl + S". Dans le menu déroulant, le format de fichier est sélectionné dans lequel nous souhaitons enregistrer le fichier. (Regardez la photo ci-dessous) Cette méthode est utilisée lorsque l'image enregistrée restera sur votre ordinateur et n'est pas destinée à publier en ligne.

3. Enregistrer à l'aide de la fonction "Enregistrer pour web" (Enregistrer sur web ...)
Si votre image est destinée à être affichée sur Internet, il est préférable d'utiliser la fonctionnalité "Enregistrer pour web" (Enregistrer pour web ...). Avec cette méthode, la photo est meilleure et plus qualitativement enregistrée pour Internet et plus il existe plusieurs fonctionnalités pratiques. Sélectionnez dans le menu "Fichier" -\u003e "Enregistrer sur Web ..." ou la combinaison de touches "ALT + SHIFT + CTRL + S". Une boîte de dialogue s'ouvre.

Afin de sauvegarder la photo au format JPG dans le menu déroulant (1), choisissez format JPEG. Nous mettons la qualité de la conservation (2) de 75% à 95%. J'ai toujours mis 75%. Installez, si nécessaire, les tailles nécessaires de l'image (3). Dans les fenêtres gauche, la taille initiale de l'image (4) et la taille de l'image optimisée (5) est affichée. Après cela, cliquez sur "Enregistrer".

Pour enregistrer la photo au format GIF dans le menu déroulant (1), sélectionnez Format GIF. Sélectionnez le nombre de couleurs pour économiser (2). Installez, si nécessaire, les tailles nécessaires de l'image (3). Dans les fenêtres gauche, la taille initiale de l'image (4) et la taille de l'image optimisée (5) est affichée. Après cela, cliquez sur "Enregistrer".

Pour enregistrer la photo au format PNG dans le menu déroulant (1), sélectionnez le format PNG-8. Sélectionnez le nombre de couleurs pour économiser (2). Installez, si nécessaire, les tailles nécessaires de l'image (3). Dans les fenêtres gauche, la taille initiale de l'image (4) et la taille de l'image optimisée (5) est affichée. Nous mettons une coche dans la case à cocher "Transparence" (6) pour que l'arrière-plan soit transparent. Après cela, cliquez sur "Enregistrer".

S'il n'est pas immédiatement clair, dans quel mode vous enregistrez, il est préférable d'essayer tous les modes de conservation, il est déterminé par la combinaison optimale de la qualité de l'image et de son poids après l'optimisation. En général, il est utile d'expérimenter les paramètres pour comprendre comment cette fonction ou cette fonction fonctionne.

05.06.16 26.7k.

Parfois, vous devez télécharger une image contenant des éléments transparents à travers lesquels l'arrière-plan d'origine pénétrera. Dans ces cas, il serait pratique de télécharger des images PNG, car ils sont capables de maintenir la transparence.

Dans cet article, nous allons dire comment faire de la transparence dans Photoshop.

Créer un fichier.

La première étape consiste à créer un fichier. Pour cette découverte Adobe Photoshop. et dans le menu "Fichier" ( Déposer) Page supérieure Sélectionnez "Créer" ( Nouveau).

Puis dans le nouveau document "Nouveau document" est apparu ( Nouveau document) Créez un fichier de la taille souhaitée et assurez-vous que l'autorisation du document est de 72 pixels par pouce ( puisque le fichier est destiné à être utilisé dans le Web). Et aussi que vous avez choisi la valeur "transparent" ( Transparent) Dans la liste déroulante "Content Fond" ( Contenu de l'arrière-plan.).

* Avant de faire du PNG avec transparence dans Photoshop, vous devez clarifier cela dans cet exemple, nous créons une image à télécharger en tant qu'appount pour le site, de sorte que la taille du document est donnée comme suit: largeur 3000 pixels, hauteur de 1730 pixels , qui est recommandé pour les tailles pour téléchargements images HD:


Une fois que vous avez spécifié les valeurs de paramètre, cliquez sur "OK" pour ouvrir un nouveau document.

Puis dans le panneau "Calques" ( Couches.) Assurez-vous de travailler sur couche transparente, pas sur le fond:


Après avoir terminé la création et prêt à enregistrer une image transparente, en fonction de l'utilisation versions Photoshop. , dans le menu "Fichier" ( Déposer) Vous pouvez utiliser l'une des options possibles:

Version Photoshop Auparavant que CC 2015:

Maintenant nous allons dire comment faire des images de transparence dans Photoshopqui est sorti avant cc 2015. Ces versions utilisent la méthode "Enregistrer pour web" ( Enregistrer pour web et périphériques) Pour enregistrer et optimiser Image pneumatique Pour une utilisation sur le Web. Pour profiter de cette méthode, allez simplement au menu "Fichier" ( Déposer), et plus loin - "Enregistrer pour web" ( Enregistrer pour web et périphériques):


Ensuite, dans la fenêtre qui apparaît, sélectionnez PNG-24 dans le menu déroulant des valeurs possibles, puis assurez-vous que les options de transparence sont sélectionnées ( Transparence.) et " Convertir en SRGB.» ( Convertir en SRGB.). Cela confirme que l'image contiendra un fond transparent et sa mode de couleur Il sera converti en SRGB, espace de couleur recommandé pour le Web.


Des champs " Taille de l'image» ( Taille de l'image.) Rempli automatiquement avec les valeurs que vous avez spécifiées lorsque vous avez créé le fichier. Mais si vous souhaitez modifier la taille du fichier avant de sauvegarder, vous pouvez le faire maintenant.

Photoshop version cc 2015:

Avant que, comment faire de la photo de transparence dans Photoshop, vous devez savoir que de l'option de version CC 2015 «Enregistrer pour le Web» ( Enregistrer pour web et périphériques) Dans le menu "Fichier" ( Déposer) marqué comme héritage (obsolète). Et remplacé par la nouvelle option d'exportation ( Exportation), qui offre une fonctionnalité identique avec une économie plus rapide dans un fichier plus petit et dans meilleure qualité. Pour utiliser l'option d'exportation, cliquez sur le menu Fichier ( Déposer), et alors - " Exporter comme» ( Exporter comme).

Remarque: Adobe offre toujours l'option "Enregistrer pour web" ( Enregistrer pour web et périphériques) Dans Photoshop CC 2015, et il est disponible dans le cadre du menu Fichier\u003e Exporter ( Fichier\u003e Exporter) Ou lors de l'utilisation de la commande + OPTION + Combinaison de touches Maj + S (pour Mac) ou CTRL + ALT + SHIFT + S (pour PC):


Ensuite, dans la fenêtre qui apparaît, sélectionnez PNG dans le menu déroulant "Format" ( Format.) Et assurez-vous que les options "Transparence" sont sélectionnées ( Transparence.) et " Convertir en SRGB.» ( Convertir en SRGB.).

Des champs " Taille de l'image» ( Taille de l'image.) et la "taille de la toile" ( TAILLE DE LA TOILE) Doit remplir automatiquement les valeurs que vous avez spécifiées lorsque vous avez créé le fichier. Mais si vous le souhaitez, vous pouvez modifier ces paramètres avant comment faire l'effet de la transparence dans Photoshop.

Après avoir terminé toutes les opérations sur l'image (photo), il faut garder sur disque durEn choisissant un lieu, format et donner n'importe quel nom.

Aujourd'hui, nous allons parler de la manière de garder le travail prêt à l'emploi dans Photoshop.

Le premier doit décider avant de commencer la procédure d'économie est un format.

Les formats courants ne sont que trois. il Jpeg, Png. et Gif..

Commençons par S. Jpeg. Ce format est universel et convient à la sauvegarde de toutes photos et d'images qui n'ont pas de fond transparent.

La caractéristique du format est que lorsque l'ouverture et l'édition peuvent survenir soi-disant Artefacts JPEGLa raison pour laquelle est la perte d'un certain nombre de pixels de nuances intermédiaires.

Il s'ensuit que ce format Convient aux images qui seront utilisées "telles quelles", c'est-à-dire qu'ils ne seront éditées personne.

Contrairement au format précédent, Png. Une fois réédité (utilisation dans d'autres travaux) ne perd pas comme (presque).

Le dernier représentant des formats - Gif.. En termes de qualité, c'est le pire format, car il a une limite sur le nombre de couleurs.

Pratiquons un peu.

Pour appeler la fonction Enregistrer, vous devez aller au menu. "Déposer" et trouver un article "Enregistrer sous"ou utilisez des touches chaudes Ctrl + Maj + s.

Ceci est une procédure universelle pour tous les formats sauf. Gif..

Substrat

Ka nous connaissons déjà le format Jpeg Ne supporte pas la transparence, donc lors de la sauvegarde d'objets sur un fond transparent, Photoshop propose de remplacer la transparence de certaines couleurs. La valeur par défaut est blanche.

Paramètres d'image

Voici la qualité d'image.

Variété de format

BASIC (STANDARD) Affiche l'image à la ligne d'écran, c'est-à-dire de la manière habituelle.

Optimisé de base Utilise l'algorithme Huffman pour compresser. Ce que c'est, je ne vais pas expliquer, regarder le réseau vous-même, cela ne s'applique pas à la leçon. Je viens de dire que dans notre cas, il permettra de réduire légèrement la taille du fichier, ce qui ne sucer aujourd'hui pas la pertinence.

Progressive Vous permet d'améliorer la qualité de l'image étape par étape car elle est téléchargée sur la page Web.

En pratique, la première et la troisième variété est la plus souvent utilisée. Si ce n'est pas tout à fait clair, vous devez choisir toute cette cuisine, choisissez Basique ("standard").

Économiser dans PNG.

Lors de l'enregistrement de ce format, une fenêtre avec paramètres est également affichée.

Compression

Ce paramètre vous permet de comprimer de manière significative la finale Png. Fichier sans perte de qualité. Dans la capture d'écran, la compression est configurée.

Dans les images ci-dessous, vous pouvez voir le degré de compression. Le premier écran avec une image comprimée, la seconde - avec non compressé.


Comme vous pouvez le constater, la différence est significative, il est donc logique de mettre un réservoir devant "Le plus petit / lent".

Oblast

Réglage "Supprimer la sélection" Vous permet d'afficher le fichier sur la page Web uniquement après que cela soit complètement botticulé et "Obéissant" Affiche une image avec une amélioration progressive de la qualité.

J'utilise les paramètres comme sur la première capture d'écran.

Sauver GIF.

Pour enregistrer le fichier (animation) dans le format Gif. nécessaire dans le menu "Déposer" Sélectionnez l'élément "Enregistrer pour web".

Dans la fenêtre Paramètres qui s'ouvre, il n'est pas nécessaire de changer quoi que ce soit, car ils sont optimaux. Le seul moment - lors de la sauvegarde de l'animation, vous devez définir le nombre de répétitions de lecture.

J'espère avoir étudié cette leçon, vous avez constitué la photo la plus complète de la préservation des images dans Photoshop.

Avez-vous aimé l'article? Partager avec des amis: