Jump to content

  • Free consultations and support
  • Live chatClick Here for Live Chat
  • Call ico 1888-906-1888
    Phone support: Open

    Ready for your call :)

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams

    Phone support: Closed

    We are back in: 1h 20m

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams

How to Export PSD to CSS?

export psd to css

  • Please log in to reply

#1 Ammar11


    Senior Member

  • Designer
  • 197 posts

Posted 27 March 2013 - 05:26 PM

1.Open the image you want to export as a CSS in Photoshop.
2.Select the "Slice" tool from the Tools palette.
3.Place the mouse over the section you want to slice.
4.Draw a box around that area and then release the mouse to create the slice. Repeat this process to slice more areas of the image.
4.Go to File->Save for Web & Devices.
5.Click "Save" and the CSS code will be generated and the "Save Optimized As" box will open.
6.Change the drop-down option Format to HTML and Images. Change the Settings drop-down as Other.
7. In the drop down list, change from HTML to Slices. Go to Slice Output and choose Generate CSS. Set the Referenced to either By ID, Inline or By Class. From the "Default Slice Naming" section Select a naming convention.
8. Click Save, and name your file.

#2 Danniiel


    Junior Member

  • Designer
  • 9 posts

Posted 29 March 2013 - 03:31 AM

Thank you! ^^ I'm sure I will use this information!

#3 RupaDesign



  • Banned
  • 28 posts

Posted 19 April 2013 - 07:57 AM

thanks dear,

it has helped me to find more sophisticated CSS.

#4 mika


    Junior Member

  • Designer
  • 7 posts

Posted 01 May 2013 - 11:56 AM

Thank you Ammar11, very useful info!

#5 uzmasgh



  • Designer
  • 45 posts

Posted 21 June 2013 - 02:27 AM

you have save the psd file in html exe then u will be to open it.

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users