Por qué usar dibujos publicados como imágenes


El editor de dibujos de Google es quizás una de las herramientas más infravaloradas del conjunto de editores de Google Drive. No obstante, esconde algún que otro superpoder nada desdeñable.


Por ejemplo, podemos recurrir a la posibilidad de insertar dibujos en el propio editor de documentos de Drive e incluir en ellos tanto imágenes como recuadros de texto, flechas, anotaciones y otros elementos superpuestos que, de otro modo, deberían ser desplegados sobre las primeras utilizando un editor gráfico con anterioridad a su inserción. Jaume Feliu lo explicaba recientemente en su blog de un modo muy claro.


Otra de las funciones que suelo utilizar con frecuencia es la de publicar en la web los dibujos creados. El URL que se obtiene al hacerlo (Archivo → Publicar en la Web) conduce a una versión de mapa de bits (en formato PNG) del dibujo original, construida al vuelo por los duendes de Google, que normalmente podrá ser insertada en cualquier documento web: foros, blogs, sitios web, redes sociales o simplemente documentos nativos de Google Drive... sí, tanto de texto como hojas de cálculo o presentaciones e incluso formularios.


Haciendo esto conseguimos dos cosas:

Por un lado, evitamos exportar el dibujo a un archivo de tipo imagen que luego habríamos de insertar en el lugar adecuado.

Pero es que además, por otro lado, al usar un URL, esencialmente un enlace, en lugar de un objeto tangible de tipo imagen conseguiremos que cualquier edición posterior sobre el original se propague automáticamente (tras unos minutos) a todos los lugares en los que haya sido utilizado.

Esta última circunstancia, sin embargo, no está asegurada. Si utilizamos el URL publicado en documentos nativos de Google Drive o en un Sitio de Google, estos capturarán una instantánea del dibujo en el momento de la inserción, pero ya no responderán ante actualizaciones. En cambio, sí conseguiremos el efecto deseado en otras plataformas como Wordpress o Blogger. Es cuestión de probar para determinar el comportamiento particular en cada caso.

Sin ir más lejos, las imágenes de cabecera y otros elementos gráficos de este blog (alojado en Blogger) no son otra cosa que dibujos creados con el editor de Google Drive, que han sido publicados e insertados del modo descrito, como podrás apreciar en la siguiente animación.


Para mi resulta extremadamente práctico que las modificaciones realizadas sobre ellos se propaguen automáticamente a los artículos publicados, esto es, sin necesidad de realizar edición alguna en Blogger.

Fíjate hasta qué punto la imagen se genera de un modo dinámico (al vuelo) al ser publicada que hurgando en el HTML subyacente, si es que la plataforma que estés usando ofrece esta posibilidad, conseguirás versiones con distintas resoluciones sin pasar por el editor de dibujos, que únicamente admite tres tamaños distintos al publicar. Para ello solo tendrás que modificar (con cautela) los parámetros "w" (width, anchura) y "h" (height, altura) de la  etiqueta <img> en la que se apunta al dibujo publicado por medio de su URL:

<img border="0" src="https://docs.google.com/drawings/d/e/2PACX-1vTzANT5vnl-iyUyBqRhD9VF5oKjXykdTxlfnngOZWWUc8-Efifkk6_21LVRB3bBhil9fu-nj_M5gWBk/pub?w=669&amp;h=216"/>

En Blogger, por ejemplo, se consigue de este modo:


Mucho cuidado al ajustar manualmente las dimensiones de la imagen porque (a) un re-escalado extremo puede arruinar su nitidez y (b) hay que respetar sus proporciones para evitar distorsionarla.

Comentarios