Mostrando entradas con la etiqueta general. Mostrar todas las entradas
Mostrando entradas con la etiqueta general. Mostrar todas las entradas

jueves, 8 de enero de 2009

SVG en una página web

Meter un fichero en una página web no es en principio difícil, basta con añadir esta etiqueta:

<
EMBED SRC="mifichero.svg" ALIGN="left" WIDTH="tamaño" HEIGHT="tamaño"
>


En principio cualquier persona con un navegador compatible con SVG podría visualizar el fichero. Al ser SVG un formato vectorial, se puede agrandar la imagen sin que esta se vuelva borrosa o se muestre pixelada, para ello basta dar valores a las variables WIDTH y HEIGHT.

A veces surge un problema con ciertos editores (como Inkscape en la versión 0.46 o menor), y es que incluyen ellos ya un tamaño específico para la imágen, con lo que al cargar la imágen en una página web, y darla un tamaño diferente, esta no cambia de tamaño como debiera, dejando márgenes vacíos o apareciendo recortada. Explicado de otra forma, la imágen no se adapta al tamaño especificado por el conenedor creado antes con la etiqueta EMBED.

Con un editor de texto se puede resolver este problema, basta abrir la imagen SVG en un editor de texto (Gedit, Mousepad, Bloc de notas...) y añadir dentro de la etiqueta SVG el siguiente texto: viewBox="0 0 100 120", habría que sustituir 100 por el tamaño horizontal y 120 por el vertical de la imagen (estos valores aparecen en las variables width y height de esa etiqueta). Además, hay que modificar los valores de las variables width y height, sustituyendo su valor por "100%".

En Inkscape la etiqueta SVG suele quedar más o menos por el principio del documento.

El cambio sería este, Inkscape podría dejar el fichero SVG así:

< svg
...
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"

width="100"

height="120"

id="svg2"
...
>
...


y modificado quedaría así:

< svg
...
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"

width="100%"

height="100%"

viewBox="0 0 100 120"
id="svg2"
...
>
...


Hecho esto, la imágen se adaptará automáticamente al tamaño del contenedor que se le asigne con la etiqueta EMBED explicada al principio.

sábado, 27 de diciembre de 2008

Extrayendo imágenes de documentos PDF

Una forma rápida y sencilla de sacar una imagen de un archivo PDF es tomar una captura de pantalla y recortarla con algún editor de imagen como GIMP. Este procedimiento es muy sencillo, pero no siempre ofrece la mejor calidad ni toda la resolución original de la imágen.

Hay varios programas que permiten extraer las imágenes de un fichero PDF. Voy a comentar uno de ellos: PDF_to_JPG, aunque si lo que buscas es un programa orientado a un propósito más o menos general para un usuario intermedio, te recomiendo que mires el tercer párrafo por el final de esta entrada, donde hablo de PDF Image Extractor.

PDF_to_JPG tiene dos ventajas muy destacables: es libre y extrae las imágenes sin modificarlas (los ficheros PDF suelen contiener las imágenes comprimidas con JPEG, y no es bueno comprimir una imágen muchas veces). Su principal pega es que es un programa reciente y todavía tiene carencias y fallos (hay ficheros PDF que fallan). Este programa tiene una versión compilada para Windows, aunque también puede usarse en Linux si se compila el código fuente.

Su uso es a través de consola (no dispone de una interfaz gráfica), aunque existen procedimientos para facilitar su uso sin necesidad de teclear comandos en plan MS-DOS.

Para usar el programa es necesario descargar el programa y descomprimirlo en una carpeta. Si se usa GNU/Linux habrá que compilar el código fuente (creo que se puede compilar con gcc, más abajo lo explico).

Una vez con una carpeta con los ficheros del programa, se puede empezar a usarle mediante consola, pero es más práctico usar otro procedimiento: usar guiones (scripts) que contengan las instrucciones que se meten por consola. En Windows son los ficheros BAT. Estos ficheros son fáciles de crear, modificar y usar, ya que son ficheros de texto que permiten ejecutar comandos de consola con solo hacerles doble clic, y se pueden modificar con el Bloc de notas. En Linux es muy similar, son ficheros SH y con activarles el permiso de ejecución ya se pueden usar.

Para crear el fichero BAT basta crear en la misma carpeta del programa un fichero de texto nuevo y llamarle "p2j.bat" (o cualquier nombre terminado en .bat). Una vez con este fichero, se pulsa con el botón derecho y se pulsa en editar. Se abrirá el Bloc de notas, en el hay que introducir p2j mis_fotos.pdf /NOASK y se cierra guardando los cambios (por supuesto, cambia mis_fotos.pdf por el nombre de fichero PDF que tengas). Ahora hay que copiar el fichero PDF a la carpeta donde esté el programa y el fichero BAT. Hecho esto haz doble clic sobre el fichero BAT, y el programa empezará a sacar imágenes. Las imágenes van apareciendo en una carpeta nueva que crea el programa llamada "PDF_to_JPG_files". Una vez acabado el proceso, es muy conveniente cambiar el nombre de la carpeta (por ejemplo mis-fotos). Si no se cambia de nombre la carpeta, el programa se detendrá en el siguiente uso y no extraerá imágenes.

Para sacar las imágenes después a otros documentos PDF, solo hay que ir modificando el guión con el nombre esos ficheros (botón derecho->editar), copiar los ficheros PDF a la carpeta del programa, hacerle doble clic sobre el guión (fichero BAT), esperar a que extraiga todos los ficheros y renombrar la carpeta (importante esto último, porque si ya hay creada una carpeta con el nombre "PDF_to_JPG_files" el programa no extrae imágenes).

En GNU/Linux hay que compilar el programa. Para ello hay que usar la consola, y en la carpeta del código fuente usar el comando gcc p2j.c -o p2j Luego, hay que seguir un procedimiento parecido al de Windows, solo que con ficheros SH.

Este programa no siempre funciona bien, algunas imágenes las extrae en rebandas (es más bien un problema del fichero PDF que guarda la imágen así), otras veces salen ficheros corruptos que no pueden ser leídos (fallo del programa). Si en próximas ediciones arreglan este último fallo, lo retocan para que se pueda extraer ficheros desde cualquier directorio (sin necesidad de copiarlo a la carpeta del programa) y crean paquetes de instalacción fácil para Linux (tipo apt-get) sería un programa magnífico a la altura de muchos otros comerciales.

Hay otros programas, en el blog Genbeta hay una entrada dedicada a PDF Image Extractor. Este programa es parecido al que acabo de contar, pero tiene una interfaz gráfica (ventana). Sus pegas es que no es libre, solo funciona en Windows y no permite hacer una extracción usando la compresión JPEG que tenía en el fichero PDF (permite guardarlas en PNG, pero ocupa mucho, y recomprimirlas en JPEG afecta a la calidad). A veces también devuelve imágenes cortadas en rodajas, pero como conté, es más bien culpa del fichero PDF que del programa. En este caso habría que pasar por el GIMP para pegarlas (¿Te imaginas ordenar y pegar las tiras de papel de una trituradora de documentos?).

Si usas Linux puedes usar PdfRipImage, que es parecido al programa anterior ya quetampoco permite aprovechar la compresión JPEG del fichero original, aunque si dispone de una interfaz gráfica. Lo que más se echa de menos es que aún no dispone de paquetes de instalacción fácil, y hay que instalarle compilando el código.

Para la mayoría de gente recomendaría PDF Image Extractor, pero si buscas algo que saque las imágenes de la forma más directa posible para que no se degrade su calidad te recomiendo PDF_to_JPG.

domingo, 14 de diciembre de 2008

Nuevo blog: programando con SVG

No es novedad que este blog no lleva un elevado ritmo de publicación de entradas (a ver si publico una que tengo todavía a medias guardada hace un mes...), y que es más difícil llevar dos blogs a la vez que uno solo, pero aún así he decidido embarcarme en un nuevo blog (sin abandonar este) más orientado a la programación que al diseño.

El tema es que últimamente me picaba la curiosidad por la programación con el formato vectorial SVG (el que usa Inkscape y puede ser visualizado en Opera, Google Chrome y Firefox). Concrétamente he estado trasteando desde dos puntos de vista:
  • Programas que escriben ficheros SVG a partir de unos datos previos (por ejemplo, crear gráficos).
  • Ficheros SVG interactivos similares a los SWF (que puedes manipularles con eventos).
Ya tenía tres miniproyectos a medias, y tenía ganas de ir compartiendo como los hice y los cambios que haga. Como la temática de todo esto se sale (y mucho) de lo que es un blog sobre Inkscape, GIMP y otros programas libres he decidido crear otro blog y ir actualizando los dos poco a poco según pille tiempo.

La dirección será esta:

http://trukossvg.blogspot.com/

miércoles, 9 de enero de 2008

Exif viewer para Firefox

Exif viewer es una extensión para Firefox que permite ver los metadatos de los archivos JPEG. No solo permite ver información EXIF, también permite leer campos IPTC, IFD, miniaturas JPEG...La información EXIF es una información que las cámaras (o escáneres) escriben en los ficheros JPEG cuando los guardan, permitiendo conocer como se hizo la foto (ISO, tiempo de exposición, longitud focal, apertura, si se usó flash...). La información IPTC es parecida, pero se usa poco. Estos campos contienen información sobre el autor de una foto, la licencia de distribución, palabras clave, orígen... La miniatura del archivo JPEG permite acelerar el proceso de creacción de vistas previas en los navegadores de ficheros, y no siempre se incluye cuando se guarda un fichero (GIMP da la opción de elegir). Como dato curioso, no siempre que se guarda un fichero JPEG se actualiza esta miniatura (GIMP si la actualiza), esto hace que algunas personas que se tapan la cara para preservar su anonimato se encuentran con que en la miniatura su cara puede reconocerse algo.

martes, 8 de enero de 2008

Los complementos más interesantes para GIMP

Aquí he estado intentando resumir los complementos más interesantes para GIMP que hay en el registro de GIMP. También he explicado un poco como se instalan los complementos, tanto en Windows, como en GNU/Linux:

http://docs.google.com/View?docid=dgcrkb79_1dt2bszdb

Lo iré actualizando, según vaya viendo, y teniendo tiempo.

jueves, 9 de agosto de 2007

Vuelvo al blog

Bueno, con los exámenes y tal, dejé un poco de lado el blog. Y ahora que he vuelto a entrar en la cuenta de correo (suerte que no se me ha olvidado la contraseña) he visto que me habéis dejado algunos mensajes de ánimo.
Muchas gracias por ellos. Voy a mirar si continuo mejorando el blog, contando la parte más práctica de GIMP, para retocar fotos, arreglarlas, y trucarlas.

A ver si me atrevo a hablar de curvas, una herramienta que de forma sencilla (aunque a primera vista no lo parezca) permite hacer muchas cosas, aunque antes hablaré de niveles. Con esas dos herramientas, corregir una foto oscura es sencillo.

Y por supuesto, no dudéis en preguntarme cualquier duda, la responderé ya que en el correo me llega una notificación.



Y como no quiero dejar este artículo sin un truko, aquí va:

Muchas cámaras de fotos digitales (incluso de móviles) permiten guardar las fotos con distintas calidades según se configuren:
  • Varias resoluciones (los megapíxeles)
  • Varios niveles de compresión JPEG (a menudo aparece media y alta).
Lo primero es bastante evidente, pero lo segundo, no tanto. A veces, a primera vista, puede parecer que una imagen queda igual con media y con alta, pero no siempre es así. A veces, al ampliar a zoom 100% en una imagen más comprimida se observan ligeramente los bloques que hace la compresión JPEG, y además si se trata de aclarar la foto porque saliera muy oscura, quedan unos tonos un tanto pobres y los bloques destacan aún más.
Claro, que menos compresión JPEG da más calidad... pero ocupando más espacio. ¿Que hacer? Yo, personalmente recomiendo guardar las fotos con la máxima resolución, y buscando poca compresión JPEG, sobretodo en fotos que son para el recuerdo. En general las tarjetas de memoria se han venido abaratando mucho de un par de años o dos, y siempre es mejor al ampliar la cara de una persona observar bien los detalles sin que se noten los bloques JPEG.
Yo tengo una cámara en la que de usar una calidad a otra, va más o menos el doble de tamaño de fichero, pero la calidad ganada merece bastante la pena, ya que no se notan bloques JPEG, y si alguna foto queda oscura, se puede aclarar bastante bien, sin que queden al final unos tonos pobres como a veces ocurre.

Bueno, a seguir con el blog. Mañana contaré de una forma muy visual y sencilla como van los niveles, y la forma en la que se suelen utilizar para retocar fotos.

domingo, 22 de abril de 2007

2.2.14

Ha salido la versión 2.2.14 de GIMP, incluso ya está disponible el instalador para Windows. En la versión 2.2 ya no aparecen características nuevas, sino que sobretodo se corrigen fallos que se han ido encontrando.
Un enlace rápido para descargar el GIMP para Windows es este:
http://downloads.sourceforge.net/gimp-win/gimp-2.2.14-i586-setup.exe?use_mirror=dfn
Según las notas, no necesita actualizar el GTK antes de instalarlo

jueves, 12 de abril de 2007

Primer mensaje

Este mensaje es el primero de este blog.
Este blog tratará sobre programas de diseño gráfico, incluiré trucos, noticias, manejo... intentaré no ser el archivo de ayuda, sino mostrar la información desde una perspectiva diferente. Hablaré de noticias indicando las nuevas versiones de los programas, o las herramientas que se estén desarrollando. De trucos, intentaré mostrar todos aquellos trucos que vea interesantes. Y también hablaré de extensiones, filtros y demás elementos que aunque no suelan venir con el programa sean útiles.