Infórmate sin compromiso, ¡Te llamamos gratis!

Webbing Barcelona catalán Webbing Barcelona castellano info@webbing.cat - Telf: +34 93 169 65 46
Optimizar imágenes para página web

Todo sobre las imágenes en el diseño web

Cuando desarrollamos, diseñamos y gestionamos una web, por suerte o por desgracia, no podemos incrustarle cualquier imagen que nos encontremos por ahí.

Para que el sitio esté optimizado y funcione livianamente y se visualice en todos los dispositivos, las imágenes deben pasar por un tratamiento especial, además, por supuesto, de realizar una selección acorde a nuestras necesidades.

Pero no te adelantamos más, ¡descubre tú mismo todo sobre las imágenes en el diseño web!

Cómo conseguir imágenes perfectas para el diseño web

Te contamos todo lo que debes saber para elegir y tratar imágenes para tu sitio web.

Derechos de imagen

Si es posible, utiliza siempre imágenes propias, o bien modifica en un alto grado las originales ya existentes. ¿El motivo? Existe una penalización por usar imágenes que ya están incrustadas en otras páginas web.

Además, no hay que olvidarse de los derechos de autor. Puesto que realizar una imagen o fotografía lleva su tiempo, es lógico pensar que los autores no cedan sus derechos.

Imágenes para el diseño web

Es importante elegir imágenes sin derechos de autor. Google te ofrece un filtro muy sencillo que te permite ver sólo aquellas imágenes etiquetadas para reutilización, con o sin modificaciones y con o sin fines comerciales.

Si no encuentras ninguna que sea adecuada a tus necesidades, existen bancos de imágenes gratuitas como son Pixabay o Freepik, además de poder, por supuesto, comprarlas en plataformas de venta de imágenes de alta calidad para el diseño y desarrollo web.

Formatos: ¿cómo se ven tus imágenes?

Existen tres formatos por excelencia para el tratamiento de imágenes. Por supuesto, estos no son iguales. Cada uno tiene sus propias características por lo que te contamos cómo funciona cada uno para que sepas cuál elegir en cada situación, siendo el formato más indicado para los diferentes contenidos visuales empleados en la creación de páginas web.

El .jpg es ideal para imágenes coloridas. Se comprime y pierde definición y calidad, por ello es ideal para elementos plásticos muy vistosos, imágenes vectoriales, etc.

El .png apenas pierde calidad en la compresión y mantiene las transparencias. Sin embargo, no es el formato ideal para reducir el tamaño de la imagen, por eso se aconseja su uso para logos, botones, etc.

El .gif es ideal para animaciones simples si tiene una carga importante de peso. Además, al comprimirlo para optimizarlo pierde bastante calidad.

Peso y tamaño

Cuanto más pese una imagen más tarda en cargar el sitio web donde se incrusta, algo que a los usuarios, deseosos de consumir productos en la red, no nos gusta. Para ello debemos ajustar las medidas de las imágenes a los espacios dedicados, así como comprimirlas los suficiente como para que no tengan un peso excesivo pero tampoco pierdan mucha calidad.

Formatos imágenes páginas web

Para imágenes sencillas aconsejamos no sobrepasar los 100 mb. Para imágenes más grandes y sliders, 200 mb será nuestro tope. Los iconos, por su parte, deben verse adecuadamente con un peso de 10 kb.

Optimización total

Optimizar una imagen es hacerla liviana manteniendo el máxmo de calidad, algo así como conseguir la mejor relación calidad-peso.

Puedes hacerlo tú mismo modificando las imágenes con softwares como Photoshop, con plugins de compresión o bien ayudándote de sitios webs en los que se carga la imagen y, estableciendo unos valores, esta se optimiza, como por ejemplo en Tiny.

Posicionamiento SEO

Las imágenes sirven para ayudarnos a posicionar nuestro sitio web, por ello es importante incluirlas en nuestro sitio, añadiéndoles los atributos “alt” correspondientes e incorporando las palabras clave en sus títulos y nombres de archivo.

Es evidente que una buena imagen nos va a ayudar mucho, por ello, no dejes de poner en práctica estos consejos sobre imágenes en diseño web.

¡Compártelo!Share on FacebookTweet about this on TwitterShare on Google+Share on TumblrShare on LinkedInShare on StumbleUponShare on RedditEmail this to someone

Empresa diseño web Barcelona

Webbing Barcelona

Diseño web Barcelona. Empresa diseño y desarrollo de páginas web y tiendas online en Barcelona. Especialistas en técnicas y estrategias de marketing online y posicionamiento web SEO SEM para publicidad y promoción en internet. Creación de apps móviles para sistemas Android y iOS.

Deja aquí tu comentario:

Time limit is exhausted. Please reload CAPTCHA.

0
Connecting
Please wait...
Enviar un mensaje

Lo sentimos, ahora mismo no estamos online. Déjanos un mensaje y te contestaremos lo antes posible.

Nombre
* Correo electrónico
* Mensaje
Teléfono
    Entra en el Chat

    ¿Necesitas ayuda o deseas un presupuesto? Háblanos por el Chat online y te contestaremos al momento.

    Nombre
    * Correo electrónico
    * ¿Qué pregunta tienes?
    * Teléfono
    ¡Estamos Online!
    ¿Qué te ha parecido nuestra atención?

    ¡Ayúdanos a mejorar! ¿Te ha resultado efectivo nuestro chat?

    ¿Cómo nos puntuarías?
      Uso de cookies

      Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra Política de cookies, pinche el enlace para mayor información.

      ACEPTAR
      Aviso de cookies