Consideraciones iniciales

Algunas ideas sobre formatos.

Básicamente nos encontramos con tres únicos formatos de imagen susceptibles de ser usados en Internet:

  • jpg. Útil cuando nuestra imagen tiene matices de color. Casi todas las fotografías.
  • gif. Para colores planos. Logos, iconos, capturas de pantalla,...
  • png. Como gif pero es un formato libre de derechos. Es recomendable su utilización en lugar de gif cuando sea posible.

Por otro lado, hay que hacer una importante consideración sobre el tamaño de la imagen.

Cuando hablamos de tamaños, nos referimos:

  • Al "tamaño" propiamente dicho de la imagen. Se mide en cm o en píxeles de ancho y alto.
  • Al "peso" de la imagen, es decir a los KB que ocupa.
  • Ambos, tamaño y peso, están relacionados. Cuanto más grande sea la imagen más peso tendrá. Además, hay un tema algo complejo en el que no vamos a entrar, que es la resolución de la imagen.

Como normas generales a tener en cuenta:

  • Una imagen recién salida de nuestra cámara de fotos es extraordinariamente grande y pesada.
  • Como norma general, hay que reducirla en tamaño para subirla a cualquier alojador de imágenes.
  • El tamaño máximo a que habría que redimensionarla es a 800 x 600 píxeles.
  • ¿Cómo se redimensiona una imagen? Con un programa gráfico tipo GIMP o PHOTOSHOP.

Muchas veces interesa "recortar" la imagen. Es decir, hacer una nueva imagen con un fragmento de la imagen inicial. Esto de nuevo, se hace con las herramientas gráficas. A las dos anteriores, se puede añadir por su sencillez y estar en casi todos los equipos, el PAINT de Microsoft.

En cuanto a los nombres que damos a las imágenes, es muy importante seguir las normas estrictas de:

  • No poner acentos ni caracteres especiales.
    • Nombre incorrecto: niño.jpg.
    • Nombre incorrecto: salón.png.
  • No deben contener espacios en blanco.
    • Nombre incorrecto: aula primaria.jpg.
  • Si queremos separar en el nombre dos términos podemos emplear el _ (guión bajo). No . (punto) ni - (guión normal).
    • Nombre correcto: aula_inform.jpg.
  • Podemos emplear mayúsculas. Aunque se recomienda no poner el nombre completo en mayúsculas.
    • Nombre correcto: aula_2A.jpg.
  • No emplear nombres demasiado largos. Mejor pocos caracteres.

En este tema de los nombres, es verdad que cada vez la Web (y los navegadores) toleran mejor nombres largos, con acentos,... Muchas veces los editores transforman los caracteres no permitidos por otros caracteres,... Pero hay que tener en cuenta que nuestro blog se va a ver en equipos diferentes, con sistemas operativos diferentes y con navegadores diferentes. Es mejor seguir estas normas al pie de la letra y pecar, mejor por exceso, que por defecto.

Para finalizar, decir que estas reglas de los nombres vale para todo tipo de archivos. Música, vídeos, e incluso para los nombres de las carpetas si estamos colocando un directorio en Internet. Este problema sigue siendo importante porque, en modo local, no suele haber ningún problema con estos nombres. A título de ejemplo, me voy a las carpetas que Windows XP tiene con imágenes y música de muestra y propongo nombres modificados para la Web:

Imágenes de muestra
Nombres correctos
Colinas azules.jpg
col_azul.jpg
Invierno.jpg invierno.jpg
Nenúfares.jpg nenufar.jpg
Puesta de sol.jpg
puesta_sol.jpg
Música de muestra
Historias nuevas (Highway Blues).wma
historias.wma
Sinfonía nº 9 de Beethoven (Scherzo).wma sinf_9.wma

Creative Commons License
Esta obra está bajo una licencia de Creative Commons.
Ángel Ricardo Puente Pérez