Publicidad

RSS imagenes

Genera imágenes bajo demanda adaptadas a distintos dispositivos con Thumbor

3 Comentarios
Genera imágenes bajo demanda adaptadas a distintos dispositivos con Thumbor

Uno de los elementos más importantes cuando adaptamos una web a distintos dispositivos como móviles, tablets o teles (por poner ejemplos) son las imágenes. Para que realmente esa adaptación sea eficiente debemos convertir el tamaño, resolución, peso y demás de características de las imágenes, según la plataforma en la que se visualice.

Existen distintas formas de abordar ese problema: una de ellas es contar con un servidor que genere imagenes bajo demanda, como bien podemos hacer con Thumbor.

Leer más »

El W3C publica el primer borrador para el uso imágenes en Responsive Design

12 Comentarios
El W3C publica el primer borrador para el uso imágenes en Responsive Design

Cada vez es más preciso que los desarrolladores web tengamos una solución clara para poder adaptar convenientemente las imágenes según el dispositivo. Uno de los puntos débiles del llamado Responsive Design es la presentación de las imágenes en la web. Por eso, desde hace tiempo el W3C, el grupo que supervisa el estándar HTML, está trabajando en una propuesta de borrador que dé una posible solución común. Ya podemos consultar el borrador de la primera propuesta sobre imágenes sensibles que publicó hace unos días.

Todo el mundo quiere que sus imágenes luzcan bien en cualquier dispositivos. Los desarrolladores tenemos que enviar imágenes pequeñas para las pantallas pequeñas e imágenes grandes para las más grandes. Cada uno aplica un hack concreto desarrollado por él mismo o el que provee algún plugin Javascript, pero realmente necesitamos una solución estándar donde sea el navegador quien decida la imagen que se visualizará.

Leer más »
Publicidad

El uso de imágenes SVG puede reducir el consumo de ancho de banda de los servidores

20 Comentarios
El uso de imágenes SVG puede reducir el consumo de ancho de banda de los servidores

addEventListener('load', function (event) { prettyPrint() }, false);


Desde los inicios de Internet, cuando las conexiones por módem se arrastraban y el byte descargado salía casi por un ojo de la cara, reducir el tamaño de las imágenes se convirtió en una de las técnicas más utilizadas para aligerar la carga de los servidores web y aumentar la velocidad a la que se sirven las páginas. Así, muchos de nosotros aprendimos que JPG era el mejor para fotos, PNG para gráficos y dibujos simples, y GIF para animaciones que nos ahorrasen la necesidad de un objeto pesado como un vídeo o un Flash.

El que, sin embargo, ha pasado bastante desapercibido es SVG. Aparte de ser un formato ideal para redimensionar sin perder calidad (Scalable Vector Graphics), este formato vectorial tiene la ventaja de tener un tamaño muy reducido para imágenes simples, independientemente de sus dimensiones, ya que se guarda como un XML interpretable. Por ejemplo, éste sería el código de una bandera de España (sin escudo):

<?xml version=“1.0” encoding=“UTF-8”?>
<svg xmlns=“http://www.w3.org/2000/svg” height=“500” width=“750”> <rect fill=”#c60b1e” height=“500” width=“750”/> <rect fill=”#ffc400” height=“250” width=“750” y=“125”/>
</svg>

Leer más »
Publicidad
Inicio
Inicio

Ver más artículos