You can now upload files on the Psd to CSS Converter web site faster. We now allow you to upload a zip archive with a Psd design template inside. Psd files compress quite well. That allows you to save Internet traffic and reduce a time taken by file upload on the Psd to Html conversion server.
Limitation on the size of uncompressed PSD file remains the same - 30Mb. Moreover, zip archive must contain only one PSD file.
A lot of time has gone since the first publication of the video guide about the service of automatic Psd to XHTML Conversion. Since that time service has changed dramatically and old video became irrelevant. That's why we are updating the video tutorial which shows how easy it is to use the service of automated PSD to CSS conversion.
We integrated a new feedback system with the Psd to Html Converter website. Now it is much more easier to our users to report bugs, ask questions, suggest new ideas, leave feedback about the service. New system is simple and useful. Simply click a "Feedback" button on the left side of the website. In the opened window you can either press a "Leave feedback" button and leave your own opinion or simply vote for the opinions that other users has already left.
Suggestions that got more votes will attract our attention more than others. So, the more votes the suggestion has, the quicker we will turn it into life.
Yesterday some of our users could experience the following problem. After uploading a PSD file they were not redirected to the converted HTML layout preview page. They were staying on the "Please wait, file upload is in progress." page forever. The problem was solved, please excuse us for the inconvenience.
Some time ago we introduced a new feature of PSD to HTML converter service: extraction of all text styles from Photoshop text layers. Let us to explain conversion of Photoshop text layers into CSS in more details.
Which text layers in the Photoshop design will be converted into CSS text? PSD to CSS online service will convert into selectable text only those layers which use web safe fonts. Here is a list of fonts that are considered to be web safe:
- Arial Black
- Comic Sans MS
- Courier New
- Lucida Console
- Lucida Sans Unicode
- Palatino Linotype
- Times New Roman
- Trebuchet MS
- MS Sans Serif
- MS Serif
Text layers which use these fonts will be converted into HTML text that uses appropriate CSS styles. Otherwise, text will be converted into an image with the layer's text set as an alternative text ('alt' attribute).
Using non standard web font is perfect for logos, headings, etc. However it is not recommended to use them for the main content text. First, image loading takes much more time then text loading. Second, text as images is not good for SEO. Third, your users will not be able to select, copy the text, etc.
"Point Text" vs "Paragraph Text"
There are 2 ways of text writing in Photoshop: "Point Text" and "Paragraph Text". To switch between them you should right click on the layer in the Layers Panel and choose "Convert to Point Text" or "Convert to Paragraph Text" option. You should avoid using "Point Text" for multiline texts. For multiline text you should use "Paragraph Text" option. It will give you much more better result.
Using Layer Efects
If you use Layer Effects to get additional image effects then, as for any use of layer effects, you should convert such a layer into Smart Object or rasterize it. Otherwise, you will get text without any effects.
Following these rules you will easily create a web site from the Photoshop design template.
Portfolio of the automatic PSD to HTML conversion service has been updated. We make updates in the PSD converter quite often, but portfolio is not updated after the each change made. Today we reconverted all the portfolio items with the latest version of PSD to XHTML online converter. So, you can check out again what results you may have after converting PSD to CSS with our service.
We added multilingual support at the PSD to CSS converter service's forum. Now forum's interface is available in two languages: English and Russian. Forum itself is divided into two categories: forum in English and Forum in Russian. So, now more people can discuss automatic PSD to HTML conversion service.
We have opened English version of PSD to HTML Converter blog.
Right now all the posts of original blog are being translated in English.
If you grouped layers in the PSD design template not quite well we will try to do it for you. Service of PSD to CSS Conversion will group layers into columns and rows and turn them into separate div blocks. Grouping is made for layers into each Layer Group in the Photoshop file.
But the fact we are doing an automatic groping of layers does not mean that we are doing it in the best way. We can't predict your intentions for different layers perfectly. That's why we recommend you to group layers in your PSD template by yourself. Unite layers into Layer Groups in the logical way (mark out columns, rows, etc). The better you group layers the better HTML CSS markup you will get. Thus, in the first place that's you who are responsible for the quality of converted HTML and CSS!