Beaucoup de concepteurs de site Web utilisé Adobe Photoshop pour créer des maquettes rapide d'un site avant de commettre la conception dans un fichier HyperText Markup Language (HTML), et il existe de nombreux programmes qui peuvent convertir un document Photoshop (PSD) dans un document HTML, mais il y a très peu de services publics qui convertissent HTML PSD. Un conseil important lors de la conversion est de s'assurer que tout le contenu dynamique - comme les applets, des animations ou des contenus multimédia - soit dispose d'un écran statique ou a été converti en une image d'espace réservé afin de ne convertir correctement. Il ya quelques trucs qui peuvent être utilisés pour convertir le HTML en PSD, comme l'utilisation de la fonctionnalité d'impression vers un fichier dans la plupart des navigateurs web pour créer un format de document portable (PDF) de fichier qui peut ensuite être ouvert dans Photoshop . Peu importe quelle méthode est utilisée pour convertir le HTML en PSD, la page qui va finalement nécessiter quelques modifications, comme l'isolement et des éléments d'une page se déplaçant à différentes couches ou de la netteté du texte sur la page d'enlever l'aliasing qui se produit naturellement au cours de la conversion, pour être acceptable.
Les documents Photoshop PSD contiennent naturellement des images pixellisées, de sorte qu'ils sont le plus souvent stockés sous forme de collection de pixels. HTML est un langage conçu pour fournir des instructions de formatage et de mise en page qui sont plus proches de graphiques vectoriels, comme ceux utilisés par Adobe Illustrator. La conversion HTML au PSD consiste à trouver un moyen de convertir les pixels qui ont été rendus dans le navigateur Web pour un format de fichier d'image que Photoshop peut lire.
Il ya deux façons simples de convertir efficacement HTML PSD. La première consiste à utiliser un programme de capture d'écran, capture chaque segment visible du site et puis les assembler ensemble dans Photoshop Cela a l'avantage de capturer avec précision ce que l'on voit à l'écran, de sorte que les animations et autres contenus dynamiques n'ont pas à être enlevés, mais il a l'inconvénient d'être un processus assez désordonné. En outre, des captures d'écran d'un site Web aura une résolution de pixel de jeu, et l'image peuvent apparaître différemment sur des moniteurs distincts, parce qu'il n'y a pas de correction de couleur.
Une deuxième façon de convertir le HTML en PSD est d'utiliser la commande intégrée d'impression que la plupart des navigateurs web en œuvre. Cela va créer un fichier - parfois une image, parfois un PDF - que Photoshop sera en mesure d'ouvrir et de modifier. Lorsque vous utilisez cette méthode, contenu dynamique, des applets, des animations et des images générées par scripts peuvent pas imprimer correctement, et mise en forme complexe ou cadres d'un document peuvent apparaître comme des zones déconnectées dans le document PSD. Remplacement du contenu dynamique avec des images d'espace réservé de la même taille ou d'échelle peut résoudre certains de ces problèmes, bien que mise en forme complexe avec des feuilles de style en cascade (CSS) et des cadres pourrait encore causer des problèmes.
Lorsque vous utilisez un programme graphique raster tels que Photoshop, certains travaux de montage devra être effectué sur l'image qui résulte d'une conversion HTML vers PSD. Le texte devient généralement très aliasé, et parfois des artefacts visuels tels que petite, faible bordures autour des éléments ou des petits graphiques qui disparaissent à cause de l'échelle. Pour un site web très complexe avec plusieurs éléments, à l'aide d'autres programmes - tels que Adobe Illustrator ou Adobe InDesign - pourrait être un meilleur choix et pourrait gagner du temps.