Jul 12 2008

Convert your PSD to XHTML and CSS Pages for FREE!




When in this highly competitive world , various services are charging 100s of dollar to convert your Photoshop / GIMP design to XHTML and CSS pages , here comes a site which does all that work for free.

 

                                                  Psd2CssOnline is a new site which does all the jobs of converting your PSD or XCF design to strict XHTML and CSS coded Page.The maximum file size allowed is 4 mb for non-registered users and 8MB for Registered users (even registrations is free ;) )

 

PSD to CSS Online

Here are some guidelines mentioned by them while converting :-
PSD to CSS Online

  • Don’t make too many layers - if you are an advanced artist, you probably made your work using lots of layers that all combine together to make individual parts of your art. For example, your logo might be made up of 5 or 6 layers - but the logo will always stay one single element, always together. Don’t upload your psd file with that logo still all separated out into the 5 or 6 layers - merge them down to one ‘logo’ layer.
  • Opacity and Blending Options - Layers with Opacity at anything other than 100% or Blending Options set need to be rasterized. In Photoshop you can right click on the layer and choose ‘Rasterize Type’ or ‘Rasterize Layer’, or just merge the layer with any other raster layer (even a blank one). In The Gimp you can make an empty layer just below the one you want to rasterize, then right click on your layer and choose ‘Merge Down’. That will rasterize the layer and merge it with the empty layer too.
  • Use 8 bit image depth - 16 bit or indexed image depths won’t work - use 8 bit image depth
  • Visible/Invisible Layers - psd2css Online will convert and generate images for your invisible layers. If you don’t want those layers to show up in your web page, then please make a ‘working’ copy of your PSD file and delete the invisible layers for conversion by psd2css Online
  • The Gimp Layer Sizes - The Gimp likes to make layers as big as the entire image. This makes for a really inefficient web page - lots of big image files. For any layer in The Gimp where the actual art is smaller than the whole page (probably all your layers), choose the layer to edit, then in the layer menu choose ‘Autocrop Layer’. Tutorial 3 shows this little work around in action.
  • 4MB/8MB psd File Size Limits for Unregistered/Registered Users - You must be logged in to get the 8MB file size limit.

    •  

                                                          Other than this if you are not able to get what you wanted then mail the admin and he is going to do for you if he spares time,again for free.Other than this PSD 2 CSS also provides you a bunch of tutorials to help you do designing better .

     

    Visit Page Go IconPSD2CSS Online

     

    Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
    • e-mail
    • StumbleUpon
    • TwitThis
    • Digg
    • del.icio.us
    • Reddit
    • Technorati
    • YahooMyWeb
    • BlinkList
    • Facebook
    • Google

    Related Posts

    9 Comments on this post

    Trackbacks

    1. Convert your PSD to XHTML and CSS Pages for FREE! | WhiteSandsDigital.com wrote:

      [...] / GIMP design to XHTML and CSS pages , here comes a site which does all that work for free.read more | digg [...]

      July 12th, 2008 at 9:12 am
    1. Rockstar Sid said:

      I was in search of this,it is really great to hear opinions about a service :-) Thanks..

      July 12th, 2008 at 10:06 am
    2. Siddharth said:

      u r most welcome ;)

      July 12th, 2008 at 10:08 am
    3. Pavan Kumar said:

      That’s awesome. So, we can create our own theme for the blogs…. Cool…. Thanks for sharing…. You have got lots of diggs, now enjoy stumble from me…

      July 13th, 2008 at 7:13 am
    4. Siddharth said:

      thx bro
      once again tanks for the stumble :D

      July 13th, 2008 at 9:47 am
    5. narendra.s.v said:

      wow thats really a great share! helps me a lot :D

      July 13th, 2008 at 1:33 pm
    6. Pratyush said:

      That’s really a cool service dude. Just another reason to start Photoshopping :D

      July 14th, 2008 at 8:03 am
    7. Rajaie AlKorani said:

      If only someone would test it out and let us know how it turns out! Ah well, I guess I’ll just have to wait till my blog needs a redesign!

      July 14th, 2008 at 9:16 am
    8. Siddharth said:

      @pratyush thx but If u dont like photoshop then also give a look at GIMP :D
      @Rajaie
      I have tested this service around a month ago and it worked fine ;) although I needed to tweak a bit
      I will be soon once again testing it for the new design of Indiandevs

      July 14th, 2008 at 9:31 pm

    LEAVE A COMMENT

    Subscribe Form

    Subscribe to Blog

    Search

    Sponsors

    Recent Posts

    Categories

    Recent Comments