Una que otra vez nos hemos preguntado, como se divide una imagen en cuadritos? pues he aqui la respuesta.
En este caso, voy a usar el programa con el que estoy familiarizado, Adobe Photoshop, el cual está disponible en internet a través de www.adobe.com
El primer paso es conseguir una imagen.
Enseguida, vas a crear coordenadas que simulan el corte que le quieres dar a la imagen.
selecciona "Rectangular Marquee Tool"
ahora pones el mouse sobre la regla blanca que aparece alrededor de la imagen, y arrastras el puntero sin soltar el boton del mouse, y sualtas el boton del mouse exactamente en donde quieras que vaya la division entre imagenes, tanto vertical, como horizontalmente.
En el ejemplo voy a crear cuatro diferentes imagenes para dar la ilusion de que es una sola.
Ahora tienes un par de lineas azules atravesando la imagen, estas son guias que te ayudaran a seleccionar perfetamente bien cada seccion.
Selecciona la primera seccion, y pon [EDIT]/[COPY] y despues dale a [FILE]/[NEW] al programa y dale un nombre, por ejemplo "ariba-izquierda.gif" para que sepas en que parte de la tabla va, nota que el programa ya sabe el tamaño exacto de tu imagen, asi que no es necesario investagar.
Presionas aceptar y ya tienes una imagen del tamaño de la que copiaste, ahora simplemente ponle un [EDIT]/[PASTE] y listo, ahi tienes el cuadro superior izquierdo listo parea guardarlo en un directorio y esperar a que hagas las otras tres imágenes con estos mismos pasos.
Ya que tienes las cuatro imágenes, escribe un codigo HTML asumiendo que las cuatro imagenes se llaman 1.gif 2.gif 3.gif 4.gif respectivamente:
archivo.html <html>
<body>
<table border="0" cellpadding="0" cellspacing="0" ><tr><td><img src="1.gif"></td><td><img src="2.gif"></td></tr><tr><td><img src="3.gif"></td><td><img src="4.gif"></td></tr></table>
</body>
</html>
ahh y si, si importa la separacion con [enters] y espacios entre las etiquetas
No hay nada mejor que el trabajo final, tan bonito que está el coche jejeje
ahh que no te la crees? ahi te va! ;)
y como ya me emocioné, ahi les va la razon mas importante por la que van a querer recortar sus imagenes para web:
No hay nada mejor que el trabajo final, tan bonito que está el coche jejeje
