Me puse a comparar los formatos de imagen, sin mucho tecnisismo. No soy experta pero en mis andares de diseñadora ya he sabido cuales formatos sirven mejor y en qué casos son más recomendados, esta vez hablaré sólo de 4, el BMP, JPEG, PNG y GIF.

BMP (Bits Maps Protocole)

Es de los más pesados, nada recomendado para usar en tu sitio web o blog, es mejor usar otro tipo de archivo que pese menos. El único punto a favor que le veo es que es muy nítido y claro, no se distorsiona la imagen cuando la guardas en este tipo de archivo. Pero a decir verdad yo raramente -casi nunca- lo uso.

JPEG (Joint Photographic Experts Group)

Es el formato de imagen más difundido, la mayoría de las imágenes que encuentras en internet están en este formato. Está bien cuando quieres que no pese mucho la imagen (hablando de kilobytes) para descarga y mostarlas en tu sitio pero también se degrada la calidad, se pierde nitidez. Así que hay que usarlo con cuidado, estando consciente de que algunos detalles se verán un poquito borrosos. Cuando quieres apreciar los detalles es mejor usar el PNG.

PNG (Portable Network Graphics)

Como ya antes lo había dicho es mi formato favorito. Es relativamente ligero y, lo que me encanta, es que no pierde nitidez, queda clarito, como un BMP pero sin ocupar tantos kilobytes. Yo lo uso casi siempre para guardar mis diseños en imagen, es más, la cabecera de mi blog y otros detalles similares los guardo en este formato. Otra cualidad del PNG es la transparencia, es decir -sabiéndolo manejar- podemos dejar un fondo invisible, para que se acople con el fondo general de lo que estemos diseñando, o el fondo de nuestro blog o web. Lo malo es que el Internet Explorer no lee esa transparencia, y es el navegador web más usado, por eso en caso de necesitar el efecto de fondo invisible en una imagen es mejor el GIF.

GIF (Compuserve GIF)

Es un formato muy ligero, y lo mejor es que la transaprencia usada en este tipo de archivo lo leen todos los navegadores. Otro punto a favor es que con el GIF se pueden hacer una secuencia de imagenes (lo que muchos conocen como GIFs animados), por ejemplo, la mayoría de los emotíconos (smilies) del messenger que usan animación estan en este formato.

Cada quién usa el formato que más le convenga, pero que quede claro que hay un montonal más de formatos de imagen, aunque creo que los que acabo de describir son los más usados.

Como lo prometido es deuda, este es un tutorial para ustedes -que mucho me han pedido, pa’ que vean que si los escucho- para vectorizar imágenes. Trataré de hacerlo simple, como si nunca hubieras agarrado el Illustrator.

Yo estoy usando el Illustrator CS en inglés (ya hay nuevas versiones pero creo que de todos modos aplica este tutorialito).

Bien, supongamos que quieres vectorizar una foto de una chica bien sensual, y dá la casualidad que yo tengo una foto mía, que es lo mismo, así que en eso nos vamos a basar. No tiene que ser una super foto clarísima, lo importante es que tú puedas apreciar los rasgos para vectorizar. La que yo usé incluso esta toda pixeleada. Seguir leyendo…

Así le digo yo a eso que ha invadido la web.

No se si se hayan fijado pero de hace tiempo que en todos lados ponen logotipos con efecto brillosito (glossy en inglés). Hay también montones de sitios para hacerte botones glossy gratuitos. Y tutoriales también.

Digo yo que es una moda.

O sea es lo “in”.

En ese caso mi logo y mi header estan pero requete chafas… no me contesten.

No sé, no quiero ser de ese tipo de gente a la que le disgusta lo que le gusta a la mayoría pero ya hay suficientes logos de ese estilo ¿no?, se supone que el logo de tu web o blog debe ser original.

La verdad me tienen un poco aburrida esa clase de logos.

¡Abajo la glossymanía!

Acabo de hacer unos íconos de feed muy simples y los traje aquí para compartirlos con todos ustedes. Estan lejos de ser perfectos, ¡pero son gratis!.

Puedes descargarlos desde aquí en una carpeta ZIP y usar el que te guste, son libres y cualquiera puede usarlos. Aunque no es obligatorio ponerme un enlace, los links de agradecimiento y menciones son bienvenidos.

:)

Link de descarga / Descárgate el paquetito completo de íconos.

Si eres diseñador o estas algo enterado de nuestro entorno, tal vez como a mí te causará gracia el simpático “diccionario” que encontré en Put* Desm*dre.

Acrobat Reader: Un maromero al que le gusta leer mucho.
Aerografía: Rama del diseño gráfico, especializada en la rotulación de aviones.
Advertising: Amenazar a un diseñador para que no cante en el área de trabajo.
Adobe: Casa productora de software que es fría en verano y cálida en invierno.
Ai: expresión de dolor de un diseñador herido
Aliasing: Ponerse apodos entre los diseñadores.
Background: Patio trasero de la casa de un diseñador
Bold: Detergente utilizado por los diseñadores.
Brush: acción de sonrojarse cuando te chulean un diseño
Caja de X: La caja de un tipo desconocido.
Churriguerezco: Diseño gráfico obtenido despues de echarse un churro.
Clipart: Acción de crear figuritas con clips.
Convertir a curvas: Estado de las diseñadoras cuando asisten mucho al gimnasio
Crop: diseño que es basura!
Diapositiva: Un día perfecto para Diseñar.
Dreamweaver: Diseñador poco productivo y somnoliento.
Estilógrafo: Diseñador gráfico de muy buen vestir.
Flash: Super héroe de la multimedia.
Fotografía digital: Acción errónea de poner el dedo en el lente de la cámara.
GIF: Imagen que se regala.
GIF animado: Imagen que se regala generalmente con escenas felices.
Godete: Expresión que usan los diseñadores gangosos cuando estan molestos.
Illustrator: Primo de Terminator y al que le gusta mucho dibujar.
Justificar: Acción de un diseñador de poner pretextos o explicaciones a una cagazón.
Layer: Nombre dado a aquel diseñador que suele decir muchas mentiras.
Pantone: Shampoo suave en gran variedad de colores.
Plotter: Apellido del mago de las impresiones en gran formato.
Quark Express: Graznido veloz.
Quick Mask: Acción de las diseñadoras de maquillarse a gran velocidad.
Saturación: Sucede cuando un diseñador tiene demasiado trabajo y poco tiempo
Screen: Película de terror preferida de algunos diseñadores.
Señalética: Señal de moral cuestionable.
Separación de color: Diseño gráfico con tendencias racistas.
Shape: dícese del manazo que se da a un diseñador en la nuca para que despierte o entienda algo
Shortcut: Pequeña cortada, que generalmente viene precedida de un bleeding.
Sprite: Rico refresco favorito entre muchos animadores.
Tipómetro: Diseñador desconocido de pequeña estatura.
Tipo móvil: Diseñador desconocido al que se le puede colocar en cualquier sitio.
Trade: acción de llegar después de la hora de entrada
Versalitas: Acto de mirar salas pequeñas.
Web: Estado de cansancio de un diseñador gráfico.
Webmaster: El más flojo de los diseñadores.
Zoom: sonido que produce un diseñador muy rápido.

Aún sigue, pero yo extraje los que más me gustaron, acá esta el diccionario original.