How to convert PSD to HTML

by 18 replies
21
Hello, this is my first post here in WF, pardon me for posting a question rather than an introduction about myself but anyway, here's my situation. I need to convert this image to a website, which is a 5 paged, and just uses simple photos and videos and contact form, I can do all of that by coding, but I i don't have much time, deadline is wednesday, and I only started leaning CSS.

My question is, there a quick way to make this photo into a website in using customization? Or should I just code this manually (which requires intensive effort in my situation). The client selected this before I discovered wordpress. This is my first client website, for $250, and i don't know what to charges monthly, i'll use HostGator baby plan because I read about it, having a good reputation and many advertising. All in all, I'm a complete newbie in selling website, not making it though.

Note: The text and images are all lorem ipsum, no grammar nazi. But if you have tips about the design, it will be really appreciated. It's a rental apartment website.
#website design #convert #html #psd
  • Hi Logia,

    Welcome to WF. Unfortunately I don't know anything that converts an image into a HTML page and even you will definitely need to code to customize it. Let me know If you want my help in completing it.
    • [1] reply
    • Thanks but I think I will do just fine.
      • [1] reply
  • Do you have a copy of Photoshop? If you have... there's a Slice Tool that you can use to slice out each part of your image. After slicing you will be able to use Photoshop to automatically convert it into HTML.

    If you do not have photoshop... i read something about HTML Image Map which you can use to create clickable areas in your image.
    • [1] reply
    • There are some services online that will give you the css to make a page look like an image. (just Google) The problem is that is not exactly the same as having all the code to make a site work. In other words although it will look like the image you still need to add the code that will make your contact forms and menu work properly.
  • PSD can be converted to multiples images + HTML by slicing, checkout this video => Photoshop to HTML and CSS Tutorial: Convert PSD to HTML and CSS - YouTube
  • You are charging the client for something you have no idea how to do it?
    Poor client - I hope s/he will find this thread sooner or later...

    You should pay them that they let you learn on their website
    • [1] reply
    • It's fairly easy if you have Photoshop. You just slice it up and then export > html and images.

      Slicing up a PSD is far from the best way to design a site, especially these days. I'm not even sure CSS is going to help you at all.

      Next time, however, you probably shouldn't sell a service you can't actually do.
      • [2] replies
  • Hello Logia and welcome to the Warrior Forum, If you have PSD file then you can convert to html easy in free. There are many online website that convert PSD to HTML in free or in low cost. I suggest this website for you PSD TO WEB - Convert .psd files to html online. .
    • [ 1 ] Thanks
  • Banned
    [DELETED]
  • Hello All,
    There are many company who provides PSD to HTML service. But how to choose a best PSD to HTML service provider company.
    • [1] reply
    • You can go to freelance.com and post a project for free, you will get bids from designers and based on their samples you can decide who to give the task.
  • [DELETED]
  • Wow, there is a lots of important things mentioned here these are very useful for conversion.
  • Hi, Thanks to all for sharing best PSD to HTML service provider company and shared our thoughts.
  • psd2html.com has done good work for me in the past. I would recommend them
  • Hello, I am searching a PSD to HTML related service provider company, who will give me best service for my project at affordable price. but i want to know how to choose a best company for my project?
  • I can only think of Chopfactory, using their services for more than a year and would recommend for sure.
    If interested can share their contact details or you'll get it from the website itself
  • [DELETED]
  • [DELETED]
Join the discussion

Next Topics on Trending Feed

  • 21

    How to convert PSD to HTML

    Hello, this is my first post here in WF, pardon me for posting a question rather than an introduction about myself but anyway, here's my situation. I need to convert this image to a website, which is a 5 paged, and just uses simple photos and videos and contact form, I can do all of that by coding, but I i don't have much time, deadline is wednesday, and I only started leaning CSS. My question is, there a quick way to make this photo into a website in using customization? Or should I just code this manually (which requires intensive effort in my situation). The client selected this before I discovered wordpress. This is my first client website, for $250, and i don't know what to charges monthly, i'll use HostGator baby plan because I read about it, having a good reputation and many advertising. All in all, I'm a complete newbie in selling website, not making it though.