Les sujets:

Les partenaires publicitaires:

Réponses populaires

Questions connexes

Les partenaires publicitaires:

Comment exporter PSD à CSS

PSD est le format de fichier pour les fichiers Adobe Photoshop. Photoshop vous permet de générer des feuilles de style en cascade (CSS) pour les images Web. Affichage d'une grande image sur le Web ralentit pages. Il est donc préférable de découper l'image (le diviser en petits graphiques) avant l'exportation. Pour gagner du temps, Photoshop vous permet de personnaliser la convention de nommage pour les tranches et de spécifier comment les styles sont référencés. Vous pouvez exporter des images avec votre code CSS ou tout simplement exporter le code.

Instructions

    • 1

      Ouvrez l'image que vous voulez exporter comme CSS dans Photoshop.

    • 2

      Sélectionnez l'outil "tranche" de la palette d'outils.

    • 3



      Placez votre souris sur la zone que vous voulez couper. Dessiner une zone autour de la zone et de libérer votre souris pour créer la tranche. Répétez ce processus pour découper d'autres zones de l'image.

    • 4

      Sélectionnez "Fichier" et "Enregistrer pour le Web Devices "dans le menu. Vous sont dirigés vers le" Enregistrer pour le Web Devices "de boîte de dialogue.

    • 5

      Cliquez sur "Enregistrer" pour générer le code CSS. Le "Enregistrer une copie optimisée sous" boîte de dialogue apparaît.

    • 6

      Changez l'option "Format" déroulante pour "HTML et images." Changez l'option de liste déroulante "Paramètres" pour "Autre".

    • 7


      Changer "HTML" pour "tranches" dans la liste déroulante. Allez à la section "Slice sortie" et choisissez "Générer CSS." Set "référencement" à "Par ID», «Inline» ou «Par classe" pour votre code CSS. Choisissez une convention de nommage de la section "Default Slice Naming".

    • 8

      Cliquez sur "Enregistrer". Le "Sauvegarder les paramètres de sortie" boîte de dialogue apparaît. Nommez le fichier de sortie, puis cliquez sur "Enregistrer" et "OK". Vous êtes redirigé vers le "Save optimisée sous" fenêtre.

    • 9

      Double-cliquez sur le dossier où le code et les images seront enregistrées. Entrez un nom de fichier et cliquez sur "Enregistrer".

Questions connexes

» » » » Comment exporter PSD à CSS