Muchas personas –y no sólo “novatillos” como les llama Fernando, mi querido amigo de Ciberprensa– tienen un blog hace meses y aún no se enteran que hay más de un WordPress.

Pues sí, en realidad hay dos WordPress y cada uno funciona de manera diferente y cada uno, naturalmente, tiene sus pros y sus contras…

Creando tu propio blog desde cero (donde estás ahora) está hospedado en WordPress.com.

También existe WordPress.org, que es donde se hospeda el proveedor del software que usa el blog de Fernando quien, respondiendo a una especie de llamada de auxilio, ha tenido la gran gentileza de escribir una estupenda entrada, tomándose el trabajo de adaptarla a nuestros lectores: “desde cero”. En ella explica con lujo de detalles el funcionamiento y las diferencias entre ambos “WordPresses”, con la ventaja de tener experiencia de primera mano en los dos sistemas de gestión de contenidos.

No te la pierdas, ya que contiene conceptos fundamentales que todo blogger debe poder comprender y aplicar.

Una maleta de sueños

Octubre 17, 2007

maleta.jpg

Damos la oficial bienvenida al mundo a nuestro más reciente blog: La Maleta de Mendive , del Señor Garabato.

Es un blog que promete bastante, dado que aunque no hemos sido “formalmente presentados” conozco a su autor, a través de su trabajo gráfico y de comunicación. Sí, se trata de un compatriota y uno del cual por cierto nos enorgullecemos.

Es una sorpresa muy agradable haber contribuido a este aporte reciente a la blogósfera literaria por medio de esta faceta desconocida hasta el momento de Garabato. Le deseamos mucha persistencia y ¡el mayor de los éxitos en su nueva aventura!

Más sobre tus Páginas

Octubre 17, 2007

En una entrada anterior veíamos qué son las páginas en WordPress y para qué sirven. En esta entrada, veremos lo que puedes (y lo que no puedes) hacer con ellas.

Dónde van tus Páginas

La plantilla (diseño) que has escogido para tu blog determina dónde van ubicadas las Páginas. Algunas (como la nuestra) las coloca en pestañas en la parte superior del encabezado del blog. Otras, en pestañas o pequeñas barras bajo el encabezado. Algunas plantillas no las ponen en el encabezado.

Lo que hace la plantilla con tus páginas no se puede cambiar, al menos no hasta que seas un experto/a en diseño web y puedas construir tu sitio o tu blog exactamente como lo quieres.

Por otro lado, todos los blogs de WordPress tienen la opción de colocar las Páginas en la barra de navegación (sidebar).

Sin embargo, si tu plantilla ya tiene las Páginas en el encabezado, no las coloques también en tu barra de navegación, por favor. Es redundante.

Como ya vimos, en la plantilla que usamos en nuestro blog, las Páginas aparecen en la parte superior del encabezado, en forma de pestañas, y son: Home, Bienvenido (About), Mapa del Blog, Tus preguntas, Conversando, Éxitos y Glosario. Cada vez que haces click en una de esas pestañas, vas a la Página correspondiente.

Cómo reordenar tus Páginas

Por defecto, WordPress ordena tus páginas por orden alfabético. Sin embargo, no conozco a nadie a quien le convenga este orden en particular, así que lo más probable es que tarde o temprano decidas reordenarlas.

Hay dos formas de hacerlo y, nuevamente, el cómo depende de la plantilla que hayas escogido.

Si tus páginas van colocadas en el encabezado:

  • Crea tus páginas, con su nombre y contenido. Esto lo haces desde tu Panel de Control —> Redactar —> Página.
  • Asigna a tus páginas un número de orden. La que va primero es la 1, la segunda es la 2 y así sucesivamente. Estos números los asignas en “Advanced Options” bajo la caja de texto de la Página, la penúltima opción, abriendo la caja llamada “Orden de la página”. (Estas cajas se abren haciendo clic en la flechita blanca que está a la izquierda del nombre).
  • Haz click en el botón “Publicar” (si estás creando una página) o en el botón “Guardar” (si la estás editando).

Si tus páginas van colocadas en tu barra de navegación:

  • Haz los tres puntos anteriores.
  • Si no lo has hecho aún, coloca el widget “Páginas” en tu barra de navegación. Esto lo haces desde tu Panel de Control —> Design —> Widgets. Aquí, en la columna gris de la izquierda tienes todas tus opciones de widgets. En la columna azul de la derecha, tienes los widgets que aparecen en tu barra de navegación. Simplemente, haz clic en el enlace “Añadir” del widget gris “Páginas”. Y aparece un widget azul “Páginas” en la columna de la derecha.
  • Abre el widget de tus páginas, haciendo clic en “Editar” y selecciona la opción “Clasificar por Orden de Páginas“.
  • Haz click en el botón “Save changes” bajo los widgets azules.

Qué más puedes hacer con tus páginas

Las Páginas, con excepción de Home, son opcionales en WordPress. Puedes no tenerlas. También, puedes, a través de tu Panel de Control, eliminarlas o dejarlas “invisibles” sin necesidad de borrarlas. Igualmente, desde allí les puedes llamar “Páginas”, “Temas”, “Secciones” o como tú quieras, cuando las tienes ubicadas en tu barra de navegación.

Puedes alojar en tus páginas el contenido que quieras. Aceptan texto, fotos, videos, y también comentarios de tus lectores. Puedes editarlas cuantas veces quieras. Puedes inhabilitar los comentarios en ellas (igual que con tus entradas).

Aunque las Páginas de WordPress no aceptan categorías, los buscadores sí rastrean tus Páginas y “se enteran” de su contenido, por tanto puedes esperar que dirijan lectores hacia ellas.

Hace unos meses, WordPress no contaba en tus estadísticas las visitas a tus páginas, pero ahora ya lo hace, así que te informa también cuáles son las más vistas, el número de visitas diarias a ellas, igual que como lo hace con tus entradas.

___________________________________________________________________________________

–> Entrada actualizada 9 Abril 2008
___________________________________________________________________________________

Hace unas tres semanas WordPress.com puso la función de “tags” (etiquetas) a disposición de sus usuarios. Estuve probándolas en este tiempo y veo que funcionan de lo más bien, como era de esperarse. :-)

En este caso, una tag es una palabra clave (puede ser más de una) que, al igual que las categorías sirven para dos fines: Como índice de contenido y para atraer lectores a tu blog.

Diferencia entre tag y categoría

No hay ninguna diferencia en lo que son y en lo que hacen. Es decir, puedes usar en tu blog sólo categorías y obtendrás un resultado determinado. Por el contrario, puedes usar sólo tags y obtendrás exactamente el mismo resultado.

Las únicas diferencia entre las tags y las categorías son las formas de asignarlas a una entrada y de mostrarlas en tu blog.

Las categorías se marcan o se añaden en la barra derecha de tu panel de control al redactar una entrada y las tags, separadas por comas, se escriben abajo de la caja de texto, en la misma página.

Ahora bien, si usas ambas y las combinas de manera sensata, puedes obtener un resultado mucho mejor que si sólo usas tags o sólo categorías.

Ventajas de usar tags y también categorías

Las ventajas se pueden resumir en una mayor comodidad para tus lectores al navegar por tu blog, e igualmente para los buscadores y sus arañas.

Para la organización de tu blog (comodidad para tus lectores)

Usar tags y categorías es como ponerle dos índices a tu blog.

En WordPress, las categorías funcionan mejor como “Índice general” con el cual organizar tus temas principales, idealmente menos de 15.

Las tags van mejor como un detallado “Índice de materias”, que puede ser mucho más largo.

Un ejemplo del uso combinado de tags y categorías, según lo anterior, sería el de una entrada llamada “Mis vacaciones en México”.

Esta entrada se archivaría en tu categoría Viajes o Mis viajes por el mundo. Las tags correspondientes, dependiendo del contenido, serían algo como: México, turismo, Puebla, Tenochtitlán, chile, mole poblano, tacos, platería, aztecas, El Zócalo, etc.

Naturalmente, no es necesario agregar tantas tags a cada entrada. A veces bastará con una. Tal vez ninguna. A veces, necesitarás cuatro o cinco, siempre dependiendo de tu contenido.

Para la navegación de los buscadores y sus arañas

Al tener una lista mucho mayor de tags, pues tienes más “lucecitas” en medio del mar, para atraer lectores.

Sin embargo, esta es una función que puede ser abusada y en este caso tarde o temprano perderá su utilidad. Cuando esto ocurre, se considera una forma de spam, algo en lo que de ninguna manera quieres caer. Para evitarlo, usa siempre las tags que realmente correspondan al contenido de tu entrada.

Mostrar o no mostrar tus tags

Esta es una decisión que toca los aspectos de diseño y de navegación en tu blog.

Esto significa que si lo haces bien, mostrarlas puede ser de gran ayuda para la orientación de tus lectores (y buscadores); exactamente como un buen índice.

Por el momento, las tags sólo se pueden mostrar en tu barra lateral, a través del widget llamado “nube de etiquetas”. A diferencia de tus categorías, las tags no se muestran como lista ni como menú desplegable. Tampoco puedes desplegarlas en una página.

Por esta razón, si tus tags tienen varias palabras y/o tu barra lateral es estrecha y/o si tienes demasiadas, no se verán bien en tu barra lateral y lo que lograrás será aumentar la confusión de tus lectores.

Yo espero que en un día no muy lejano WordPress.com permita la publicación de una Página completa donde exhibirlas, como en el caso del propio blog de WordPress. Esta sería una función muy útil para orientar a los visitantes.

Para mostrar tus tags, ve a Panel de Control —> Administrar —> Presentación —> Widgets y arrastra el widget “nube de etiquetas” de la caja “widgets disponibles” a la caja “barra lateral”, en la posición que desees.

Hoy es el Blog Action Day. A menudo, y éste es el ejemplo perfecto, un video bien hecho y con un buen propósito vale por mil imágenes y, ciertamente, por cientos de miles de millones de palabras.

Más información.

Entradas relacionadas:
Cómo optimizar e insertar tus imágenes
Las medidas de tus imágenes
Imágenes para tu blog

En lenguaje simple, optimizar tu imagen significa reducir su peso con la menor pérdida posible de calidad. En esta entrada veremos cómo optimizarlas e insertarlas en tus entradas o en las Páginas de tu blog. El cómo colocarlas en tu barra de navegación viene en otra entrada, más adelante.

Optimizando tus imágenes

Lo primero que necesitas saber es el ancho final que debes darle a tu imagen. Y éste lo determina la plantilla que has escogido, más específicamente, el ancho máximo de su columna principal, es decir de la columna donde van tus entradas.

El ancho máximo

En las preguntas frecuentes de WordPress encontrarás una lista muy útil de los anchos máximos (en pixeles) de las columnas principales de cada plantilla.

Al ver la lista notarás las variaciones en las medidas de un tema a otro. Por esta razón, ten en cuenta que cada vez que cambies tu plantilla es muy posible que necesites reajustar los anchos de tus imágenes anteriores, no sólo de las nuevas.

Otras medidas

En este punto, entramos en el tema del diseño, sobre el cual no quisiera abundar. Mi recomendación es que mantengas una medida uniforme (o, como máximo, dos medidas) para tus imágenes, en aras de la armonía visual de tu blog.

Una de de estas medidas, para las imágenes grandes, debe ser el ancho máximo que permite tu plantilla. La otra medida, para tus imágenes pequeñas, debe ser unos 10-20 pixeles más o 10-20 pixeles menos que la mitad de este ancho máximo. En general, es preferible evitar que la medida sea justamente la mitad.

De esta manera, obtendrás espacio necesario para escribir de forma legible a un lado de tu imagen y que no te quede un espacio vacío, que casi siempre se ve muy mal. Para muestra, dos botones:

bad3.jpg

.
Este es un ejemplo de dos entradas de un mismo blog que muestran qué tan mal puede llegar a verse el uso de diferentes anchos en las imágenes y en los textos de una misma entrada.

En resumen, dale a tus imágenes grandes el ancho completo de tu columna principal; y a las pequeñas, un poco menos o un poquito más de la mitad.

Cómo ajustas las medidas y el peso de tus imágenes

Para hacerlo, vas a necesitar un programa de edición de imagen o uno que tenga la función de editar imágenes. El estándar profesional para esto es el archifamoso Photoshop y su hijito especializado en imágenes para Internet, llamado Image Ready, ambos de la casa Adobe.

Pero si no los tienes, hay otros programas que puedes descargar en forma gratuita. Por ejemplo, entre los que tienen una presentación en español, posiblemente el más sencillo de todos sea Picasa, de Google. Si quieres algo más de aventura, puedes descargar el GIMP, de estándard profesional, y que además está disponible para las plataformas Mac y Linux. Hay otros, pero –hasta donde pude ver– no están en español.

Sea cual sea tu editor de imágenes, esto es lo que necesitas hacer:

  • Asegurarte de que tu imagen tiene una resolución de 72 ppi.
  • Darle el ancho requerido (y, naturalmente, su correspondiente altura, en proporción).
  • De ser necesario, ajustar su nitidez (es decir, mejorar lo “borrosa” que te pueda quedar luego de ampliarla o reducirla), así como su luminosidad y contraste. (Esto no es estrictamente parte de la optimización, pero muchas veces es necesario hacerlo).
  • Grabar tu imagen optimizada en formato jpg.

Estos son pasos muy sencillos. Si nunca antes lo has hecho, sólo sigue las instrucciones del Tutorial o la Ayuda del propio programa, usa la tecnología de estudio y con un poco de práctica lograrás un buen resultado sin mayores dificultades.

Insertando tus imágenes

Como vimos, esta entrada trata de insertar imágenes en tus entradas o en tus Páginas, el procedimiento es el mismo.

Lo primero es “subir” tu imagen. La forma más sencilla es la siguiente: En tu panel de control, vé a la entrada o página donde vas a insertar tu imagen. Sobre los botoncitos del editor de texto hay un iconito parecido a una foto para subir imágenes, si colocas el cursor sobre él se ve más o menos así:

Haz click en el ícono que dice “Add an image” (añadir una imagen). Se abre un visor semitransparente para que selecciones en tu computadora la imagen que vas a subir. Haz clic en “Choose files to upload” (Seleccionar archivos para subir).

Selecciona en tu computadora el archivo que deseas subir. Dale unos segundos para que suba y entonces el visor se amplía hacia abajo mostrándote varias opciones:

  • Título es por defecto el mismo nombre del archivo que acabas de subir. Lo puedes cambiar si deseas.
  • Caption es el “pie de foto” que aparece en un letrerito amarillo o blanco (dependiendo de tu navegador) cuando colocas el cursor sobre la imagen. No todas las plantillas muestran este pie de foto.
  • Descripción es la descripción de la imagen para tu propio uso y archivo. (Por ahora).
  • Enlace URL es un espacio para que escribas el URL en caso que quieras enlazar tu imagen con alguna página web. Por defecto, se enlaza con la propia imagen que has subido, que aparece en una nueva página cuando haces clic en la imagen. Si no quieres enlazar nada, haz clic en el botón gris que dice “Ninguno”.
  • Alignment es para que determines la posición de tu imagen. “Ninguno” es la opción por defecto y la que necesitas si tu imagen ocupa todo el ancho de tu entrada. Si es una imagen pequeña, escoge “izquierda” o “derecha”. En general, las imágenes se ven mejor a la izquierda.
  • Tamaño se explica por sí mismo. Como se supone que has preparado tus imágenes con anterioridad, usarás normalmente “Tamaño completo”.

Para insertar la imagen en tu entrada, haz clic en “Insert into post” (Insertar en la entrada).

En tu editor de texto ahora aparece tu imagen.

¡Y ya! ¡Eso es todo!

No olvides colocar un pie de foto con el crédito correspondiente al autor/a de tu imagen.

Ahora dedícale un tiempo a explorar todas las posibilidades, a practicar, practicar, practicar, a descubrir por ti mismo/a otras funciones relacionadas y a darle por fin a tu blog la apariencia que siempre quisiste. :-)

Entradas relacionadas:
Las medidas de tus imágenes
En tu blog, un buen video vale por 1,000 imágenes
Imágenes para tu blog

Por fin llega el momento tan esperado de seleccionar la plantilla que dará esa apariencia única y exquisita a tu blog y lo hará sobresalir por encima de todos los demás. :-)

WordPress .com, al momento de editar esta entrada, ofrece a sus usuarios 67 diferentes plantillas para escoger y asignársela a tu blog. Luego, puedes cambiarla cuantas veces quieras.


.

Si vas a tu Panel de Control —> Design, verás las 5 páginas que contienen (a la fecha de edición de esta entrada) 66 plantillas. La número 67 es la primera que aparece, arriba a la izquierda, la que tienes seleccionada actualmente, en nuestro caso se llama “MistyLook”.

Luego, de tres en tres y por orden alfabético, se te presentan las siguientes 66 plantillas.

.
kubrick.jpgCuando abres tu blog por primera vez, la plantilla que WordPress le asigna por defecto se llama Kubrick, que es la que aparece en la imagen de la izquierda.

Sobre cada plantilla, verás dos enlaces, uno con el nombre de la plantilla y otro que se llama “Previsualizar”.

Cuando seleccionas el enlace del nombre, le asignas esa plantilla a tu blog, o la “activas”. Cuando seleccionas la imagen de la plantilla o el enlace “Previsualizar”, como su nombre lo indica, puedes ver una prueba de cómo se vería tu blog con esa plantilla. Naturalmente, ésta última es la opción que estarás usando hasta que estés seguro/a de lo que quieres.

Dedícale un tiempo a explorar cada una de las que te gusten y asegúrate de navegar tu blog a través del previsualizador, así podrás saber cómo se ve el nombre de tu blog, tus páginas, los comentarios de tus lectores, las citas que haces, cada uno de los elementos de tu barra de navegación, etc.

.
solips.jpg

En este ejemplo, de mi propio blog en el previsualizador, podemos ver de inmediato que a pesar de lo mucho que me gusta, “Solipsus” no podría ser jamás la plantilla adecuada para mi blog, a menos que decida eliminarle las últimas tres palabras al título, lo cual no ocurrirá. :-)

Hay decenas de criterios que puedes contemplar para decidirte por una plantilla. Sin embargo, tanto para no robarte la diversión de explorar por ti mismo/a todas las posibilidades, como por la naturaleza de nuestro blog, utilizaremos acá los seis más sencillos.

Ejemplo de un proceso de selección

Ahora seleccionaremos un tema a partir de un proceso de descarte, en base a las “preferencias” de un blogger imaginario. Si no tienes tu propio dato estable en cuanto a criterios de selección, puedes tomar este mismo proceso como tu dato estable, para ayudarte a decidir.

[Nota: este proceso imaginario se realizó cuando sólo había 62 plantillas disponibles. Por esta razón, las 5 más recientes no se mencionan.]

1. Número de columnas. Hay plantillas de 1, 2, 3 y 4 columnas (incluyendo la principal, que es donde van las entradas). Mientras más columnas le asignas a tu blog, más estrecha queda tu columna principal y necesitas más elementos para colocar en tus barras de navegación, para que se “justifique” su existencia.

Generalmente, los bloggers de alto nivel técnico usan 3 o 4 columnas, para exhibir sus largas colecciones de ciber-juguetes, premios, afiliaciones y anuncios.Por otro lado, en los blogs de una sola columna, los elementos de navegación van abajo, al final de todas las entradas. Esta disposición te obligará a ti y a tus lectores a bajar y subir cada vez que necesiten uno de estos elementos.

Nuestro blogger imaginario está comenzando un blog, por eso no necesita más de dos columnas. Y sí desea tener una barra de navegación “al alcance de la mano” en todo momento. Entonces, usaremos dos columnas.

2. Imagen en el encabezado. El segundo criterio sería decidir si queremos una imagen en el encabezado o no. Hay plantillas con imágenes fijas, como Banana Smoothie, Dusk, Fauna, Fleur de Lys, Flower Power, Girl in Green, Greenery, etc. Otras, como Benevolence, Blix, Chaotic Soul, Connections, Contempt, Kubrick o K2-Lite, entre otras, tienen una imagen (o un color) que puedes sustituir por la imagen que desees.

Según lo que vimos en la entrada Imágenes para tu blog, en general, una imagen en el encabezado podría ahorrarte “el problema” de buscar una nueva imagen cada vez que publicas una entrada. Nuestro amigo ficticio está muy feliz de ahorrarse ese trabajo por el momento, así que escogemos una plantilla con imagen editable en el encabezado.

Con estos dos simples criterios, hemos descartado nada menos que 45 plantillas y nos quedamos con apenas 17 para elegir: Benevolence, Blix, Chaotic Soul, Connections, Contempt, Cutline, Freshy, K2-lite, Kubrick, MistyLook, Neat!, Ocean Mist, Pool, PressRow, Regulus, Sapphire y Tarski.

Ya se hace más fácil, ¿verdad? Y, curiosamente, éstas son las plantillas más populares. Los siguientes criterios que te recomiendo examinar son:

3. Páginas en el encabezado. La ventaja de este tipo de diseño es que vuelve a tus Páginas más visibles y por tanto más accesibles. La desventaja es que tienes que escoger nombres muy cortos para ellas y, dependiendo de la plantilla, tienes un máximo de tal vez 5 páginas, ya que simplemente no te caben más en una línea y seguramente estarás de acuerdo en que 2 líneas de páginas en un encabezado se ven horrorosamente mal.

Tienen las páginas en el encabezado: Blix, Contempt, Cutline, Freshy, K2-lite, MistyLook, Ocean Mist, Pool, PressRow, Regulus y Tarski. Nuestro blogger imaginario no piensa incluír más de 4 páginas así que con este criterio no descartamos ninguna plantilla.

4. Barra de navegación disponible en todo momento. Hay algunas plantillas en que la barra de navegación aparece sólo en la página principal. En algunas, la barra de navegación “desaparece” cuando abres una entrada. En otras, cuando vas a una Página. En otras, desaparece en ambos casos. En mi opinión muy personal esto ¡es impensable! Es como navegar sin instrumentos, ni mapas, ni rutas. Nuestro amigo blogger invisible está de acuerdo conmigo en este asunto. Así que descartamos Blix, Connections, Kubrick y Sapphire.

5. Diseño y tipografía. Hay plantillas de letra grande (como Cutline, Freshy y PressRow), otras de letra mediana (MistyLook, Tarski, Contempt y K2-Lite) o pequeña (OceanMist, Regulus). Algunas, tienen problemas con los márgenes y, especialmente en la barra de navegación, algunos de sus elementos “se montan” sobre las líneas divisorias (Ocean Mist y en algunos navegadores, Neat! y Freshy). Esto no se ve muy bien que digamos. Algunos de ellos tienen una combinación desagradable entre mayúsculas y minúsculas (aunque esto es puramente una cuestión de gustos). A nuestro blogger imaginario le gusta como se ve la letra mediana y no le gustan los títulos y textos en mayúsculas. Por ello, descartamos Benevolence, Cutline, PressRow, Ocean Mist y Regulus.

6. Naturalmente, tu gusto personal tiene la última palabra. Ya sólo nos quedan ocho plantillas: Chaotic Soul, Contempt, Freshy, K2-lite, MistyLook, Neat!, Pool y Tarsky. Nuestro blogger encuentra “aburridas y rígidas” las plantillas Contempt y Pool. Y MistyLook y Tarski le parecen “muy femeninas”.

Así que ahora sólo nos quedan cuatro: Chaotic Soul, Freshy, K2-lite, y Neat! Nuestro blogger se da cuenta de que definitivamente le gustan las plantillas oscuras y “osadas” y de éstas, la más oscura y “osada”, según su opinión, es Chaotic Soul.

Y así, por fin, ¡tenemos un ganador!

En el caso de que tú también te hayas decidido por una plantilla con encabezado editable, tu próximo paso es escoger tu imagen perfecta e insertarla en el encabezado. Para hacerlo, sigue las instrucciones en Panel de Control —> Design —> Cabecera de Imagen Aleatoria, especialmente en relación a las medidas que allí se especifican.

Muy a menudo, antes de publicar una imagen en tu blog, necesitas prepararla, ajustarla. Posiblemente, te preguntas ¿por qué?. La respuesta corta es: porque a menudo son o muy grandes, o muy pequeñas.

Sin embargo, si te pones perfeccionista (como mi amiga Milla) ;-) verás también que a veces son muy claras o muy oscuras, o algo borrosas; o están mal encuadradas; o tienen un encuadre diferente al que tú necesitas o deseas. A veces están movidas o desenfocadas, pero éstas no las quieres ni mucho menos las necesitas, así que sencillamente puedes desecharlas. En fin…

Sin embargo, para mantener esta entrada en el nivel adecuado, hablaremos aquí sólo del tamaño. Todo lo demás está cubierto en el tema Edición de Imagen, sobre el cual puedes investigar y aprender también, desde luego.

Cómo se miden las imágenes

Lo primero que necesitas comprender es que las imágenes físicas (fotos impresas en papel, o recortadas de una revista) funcionan de modo diferente a las imágenes digitales (las que ves en tu computadora).

Podría decirse que las imágenes físicas son bidimensionales: tienen un ancho y una altura, que generalmente se miden en pulgadas o centímetros (aquí usamos pulgadas); y que las digitales son tridimensionales: tienen una tercera medida, que es la resolución.

La resolución de tu imagen

La resolución no es más que la cantidad de pixeles por pulgada cuadrada que tiene tu imagen. Esta unidad de medida de resolución se llama en inglés “ppi” (pixels per inch) o también “dpi” (dots per inch), es decir pixeles o puntos por pulgada cuadrada, respectivamente.

Mientras más pixeles hay en cada pulgada cuadrada, más nítida es tu imagen y más detalles tiene, mientras menos, es más borrosa.

Cuánto pesa tu imagen

El peso de tu imagen se llama así porque indica la facilidad o dificultad que tiene para transportarse por la red. En realidad, mide cuánta memoria ocupa en tu computadora, sea al almacenarla, o mientras la descargas para poder verla, o mientras la envías.

La combinación de las 3 dimensiones anteriores: ancho, altura y resolución es lo que determina el peso de tu imagen. El peso se mide usualmente en “KB” o en “MB”, es decir kilo o mega bytes; esto es, mil o un millón de bytes.

Un byte es el espacio aproximado de memoria que utiliza un caracter (un número, una letra, un símbolo, etc.) Es decir que una imagen de 12 kb, “pesa” lo mismo que un documento que contiene 12,000 caracteres (unas 2,500 palabras; para darte una idea, esta entrada tiene 677 palabras).

El peso óptimo

Si vas a imprimir tu imagen en papel fotográfico o en imprenta, por regla general necesitas darle una resolución de unos 266 dpi. Sin embargo, tu monitor sólo puede “mostrarte” un máximo de 72 ppi. Esto significa que en tu pantalla, una foto de 72 ppi se verá exactamente igual que otra de 250 ppi. La única diferencia que verás es tener que esperar más de 3 veces el tiempo necesario para cargarla. Pero una de 45 ppi se verá bastante mal.

En otras palabras, al usar una resolución mayor a 72 ppi en una imagen que únicamente se verá en tu computadora, sólo le estás agregando peso, sin ningún beneficio en cuanto a nitidez. Por el contrario, si vas a usar una foto tomada de internet para imprimirla en una revista, por lo general se verá bastante pobre, ya que no tiene la resolución suficiente.

Como nota al margen, no sirve de nada “aumentar” o “disminuir” la resolución de una imagen luego de haber sido creada. Sólo puede restarle calidad. Por esta razón, al momento de tomar una foto digital, debes saber de antemano su uso posterior, para así obtener el mejor producto posible.

En una próxima entrada veremos las mecánicas de cómo ajustar el peso de tu imagen, con la menor pérdida posible de calidad. Esto, técnicamente hablando, se llama optimizar tu imagen.

Entradas relacionadas:
Cómo optimizar e insertar tus imágenes
En tu blog, un buen video vale por 1,000 imágenes
Imágenes para tu blog

Imágenes para tu blog

Octubre 5, 2007

Muchas personas que comienzan un blog se preguntan ¿debo ponerle imágenes a cada entrada? ¿cuántas imágenes se deben usar y de qué tipo? ¿qué hago con los derechos de autor (copyrights)? En esta entrada voy a intentar responder a estas preguntas. Si no lo logro, ya sabes qué hacer: simplemente déjame un comentario en esta Página con las preguntas adicionales que tengas sobre esta entrada. :-)

¿Con imágenes o sin imágenes?

Ésta es la primera decisión que debes tomar, en lo que respecta al tema de las imágenes. Pero no te preocupes demasiado, siempre puedes cambiar de opinión más adelante, si descubres que fue la decisión incorrecta.

Para fines de tu blog, las imágenes juegan dos papeles principales: comprensión y estética.

Las imágenes son útiles para la comprensión de un texto, ya que son un sustituto razonable de “la masa” de aquello sobre lo que escribes. La falta de masa es la primera barrera a la comprensión y cuando esta falta es muy grande, llega a provocar manifestaciones bastante desagradables a tus lectores, como aburrimiento, dolor de cabeza o de ojos, sensaciones extrañas en el estómago, etc.

Hay temas que necesitan más masa que otros. Cuando tratas de explicar cómo funciona o dónde se localiza algo, y en ciertas descripciones de cosas o eventos, las imágenes resultan ser imprescindibles. Por eso, si escribes sobre temas técnicos o científicos, o sobre cualquier cosa con la que tus lectores puedan no estar muy familiarizados, unas cuantas imágenes te serán muy útiles.

Por otra parte, para la mayor parte de las personas (¡espero que seas una de ellas!), la estética es algo importante. Pero ten cuidado. Porque en este sentido, las imágenes son una espada de doble filo para tu blog: pueden contribuir a hacerlo más bonito y atractivo, o, por el contrario, pueden afearlo bastante y hacer que tus lectores se sientan incómodos en él. El resultado depende de tu propio conocimiento y pericia en las leyes básicas del diseño y la estética. Si no las conoces, es bueno que las aprendas. Sólo tienes que investigar un poco, no es un tema muy complicado.

¿Cuántas imágenes?

A partir de mi modesta experiencia en estos afanes, lo que he observado y lo que te podría recomendar es muy sencillo: USA EL MÍNIMO POSIBLE.

  • En aras del tiempo. Un blog es esencialmente un medio de comunicación escrita. A menos que la imagen sea el tema de tu blog (como en una galería de arte, o de fotografías de tus creaciones, por ejemplo), si pasas más tiempo ocupándote de las imágenes que vas a insertar que de lo que escribes, hay algo que está al revés. Revísalo y haz los ajustes correspondientes.
  • En aras de la claridad. En general, aquello de que “una imagen vale por mil palabras” es muy cierto. Imagínate entonces lo que significa para tus lectores agregar mil palabras a cada entrada que escribes. Imagínate ahora lo que sería agregarle dos, tres o cuatro mil palabras y tendrás una idea de lo que quiero decir. Una entrada o una barra de navegación repleta de imágenes, botones, anuncios, ciber-juguetitos y toda clase de símbolos que sólo unos cuantos “iniciados” comprenden y pueden usar, a menos que seas un diseñador/a experimentado/a y a menos que tus lectores sean “iniciados”, a lo único que contribuyen es a aumentar el nivel de confusión en tu blog.
  • En aras del sentido común. Por ejemplo, si ya has escogido una plantilla que lleva una imagen en el encabezado, no necesitarás otras imágenes “para que se vea bonito”, porque ya tienes la imagen que tus lectores verán en cada entrada que publiques (la cual puedes cambiar cuantas veces quieras). Si le agregas, “por estética”, otra imagen a cada entrada, tendrás ahora el problema adicional —e innecesario, a mi modo de ver— de hacer que tu imagen combine bien con la de tu encabezado, y no haya un choque en términos de color, estilo, etc. Y si no solucionas bien este problema, habrás creado un blog falto de armonía y, por tanto, de la belleza que precisamente estás tratando de alcanzar.

¿Dónde obtienes imágenes?

En mi opinión, lo ideal sería que tus imágenes fueran “hechas en casa”, es decir creadas por ti mismo/a, pero esto no resulta factible en la mayoría de los casos, no todos podemos ser un Saint Exupery e ilustrar nuestras propias novelas…

Afortunadamente, en la comunidad de Internet existe ayuda e intercambio en abundancia. Te doy un Sitio, para comenzar: Flickr. Es un espacio donde miles de fotógrafos/as profesionales y aficionados publican sus creaciones. Por acuerdos que existen en la red, la gran mayoría de las fotos de este Sitio en particular se pueden usar en los blogs sin fines de lucro.

Simplemente vas, abres una cuenta ¡y te puedes pasar semanas completas mirando hermosas imágenes! La mayoría de las veces, las fotos disponen de versiones en varios tamaños y herramientas para descargarlas. También, tienen espacios para dejarle un amable comentario o al menos las gracias al autor/a de esa foto que te fascina, para crear un archivo con tus favoritas ¡y también para subir tus propias fotos!

¿Qué hay de los derechos de autor?

En este punto, es muy muy importante que comiences a enterarte acerca de los copyrights. Básicamente, hay dos tipos. El que tiene el símbolo © significa “propiedad privada” y no lo puedes usar ni coger prestado. El otro tipo es una licencia especial, llamada Creative Commons, que es maravillosa a la hora de compartir creaciones. En este enlace encontrarás toda la información . (Si no lees inglés, por favor léela a través de un traductor). Estudia los datos que te da este Sitio, compréndelos y úsalos. Las fotos de Flickr muchas veces usan este tipo de licencia, otras no; usan la © de “Todos los derechos reservados”. Ahora bien, siempre debes darle el crédito al autor/a de la imagen, lo pida o no. En el blog Clear Santo Domingo!, debajo de las imágenes, puedes ver un buen modelo de cómo se pueden acreditar.

Finalmente, sucede que WordPress es extremadamente estricto con el asunto de los derechos de autor. Muchos blogs han sido clausurados por violación a sus Condiciones de Servicio en lo que respecta a los copyrights. Nuevamente, si no lees inglés, estúdialas a través de un traductor, pero por favor no dejes de hacerlo. No puedes alegar desconocimiento, ya que al abrir tu blog, te comprometiste a regirte por estas reglas. Por esta razón, es importante que te informes e investigues y si no estás seguro/a de la licencia de una imagen en particular, simplemente no la uses.

En una próxima entrada, veremos la parte mecánica de como preparar e insertar las imágenes en tu blog.

Entradas relacionadas:
Cómo optimizar e insertar tus imágenes
Las medidas de tus imágenes
En tu blog, un buen video vale por 1,000 imágenes