Tecnología

Inicio

Cómo cortar un PSD a HTML

Al crear y guardar una imagen en Photoshop, se guarda como un archivo PSD. Este formato le permite modificar los gráficos en una fecha posterior, pero no se utiliza en la Web. Su gráfico puede ser cualquier cosa desde una simple imagen de todo el diseño de su página web. Usted puede cortar el gráfico en secciones para reducir su tamaño de archivo y convertirlo en un formato comprimido mientras se genera el código HTML.

Instrucciones

1 Ir a la gráfica que desea modificar en Photoshop.

2 Haga clic en la herramienta de la "rebanada" de la paleta de herramientas.

3 Arrastre el ratón sobre la primera zona de la imagen que desea cortar. Suelte el ratón para crear la división. Aparece un cuadro alrededor del área. Arrastre el puntero del ratón sobre la siguiente área que desea cortar y liberar el puntero del ratón. Repita este patrón hasta que haya cortado toda la imagen.

4 Seleccione "Archivo", "Guardar para Web y dispositivos." Clic en Guardar."

5 Seleccione "HTML e imágenes" de la lista desplegable "Formato" en el "Guardar optimizada como" cuadro de diálogo. Seleccione la opción "Otros" en la lista desplegable "Configuración". Se le dirigirá al cuadro de diálogo "Configuración de salida".

6 Vaya a la sección "Formato". Elige el caso y sangrado que desee en el código HTML. Ir a la "codificación". Compruebe las opciones que desee incluir, como comentarios y atributo alternativo de las imágenes. Haga clic en "Aceptar" para volver a la "Guardar optimizada como" cuadro de diálogo.

7 Haga doble clic en la carpeta donde desea que el archivo guardado. El nombre de su archivo y haga clic en "Guardar".