INSTITUTO TECNOLÓGICO SUPERIOR

“DANIEL ÁLVAREZ BURNEO”OPTIMIZACION DE IMAGNES

Ing. María Cristina Carrillo

Integrantes: Anita Carrión

Gabriela Cango Mercedes Rodríguez

Elsa Vacacela María Valdivieso

Fecha: 15-05-2015

LAS IMÁGENES SON UN PILAR FUNDAMENTAL EN NUESTRA PÁGINA WEB ES LO QUE NOS VA A AYUDAR A CAPTAR LA ATENCIÓN DE NUESTRAS VISITAS Y ES EL ELEMENTO DETONADOR DE UNA COMPRA O DEL OBJETIVO QUE NUESTRA PÁGINA WEB.

DEBEMOS TOMAR EN CUENTA QUE AL SUBIR UNA FOTO DE MALA CALIDAD, O TENER UNA PÉSIMA ORGANIZACIÓN O ESTRUCTURA EN ELLAS, PUEDE OCASIONAR QUE NUESTRA PAGINA WEB NO SEA ÚTIL EN NINGÚN SENTIDO.

¿POR QUÉ ES IMPORTANTE OPTIMIZAR LAS IMÁGENES?

LAS RAZONES SON MUCHAS PERO LAS MÁS IMPORTANTES SON:

SEO (HERRAMIENTA PARA MEJORAR LA VISIBILIDAD DE UN SITIO WEB): UNO DE LOS FACTORES QUE CONTRIBUYE A LA VELOCIDAD DE LA CARGA DE LA PÁGINA, UNA PÁGINA CUYA CARGA EN EL NAVEGADOR SEA LENTA, TENDRÁ MENOS POSIBILIDADES DE POSICIONAR CORRECTAMENTE. LAS IMÁGENES PESADAS HACEN QUE LA VELOCIDAD DE CARGA DE UNA PÁGINA SEA LENTA.

CONVERSIÓN: UNA PÁGINA CUYA ESTRUCTURA Y LA COMBINACIÓN DE IMÁGENES Y TEXTOS SEA ORGANIZADA, TENDRÁ MÁS POSIBILIDADES DE ATRAER, RETENER Y CONVERTIR EN CLIENTES A LAS VISITAS.

ESTÉTICA: LAS IMÁGENES  DE PÉSIMA CALIDAD HACEN DE TODO MENOS TRANSFERIR UNA IMAGEN SERIA Y PROFESIONAL DE NUESTRO NEGOCIO.

CALIDAD DE LAS IMÁGENES PARA WEB

MIENTRAS MÁS PEQUEÑA ES LA IMAGEN ES MÁS FACTIBLE A NUESTRA PÁGINA PUES ESO AYUDARÁ A LA VELOCIDAD DE CARGA DE LA PÁGINA; TENEMOS QUE BUSCAR EL EQUILIBRIO ENTRE EL TAMAÑO Y LA CALIDAD QUE QUEREMOS DE LA IMAGEN PARA PODER SUBIRLA CORRECTAMENTE A NUESTRA PÁGINA WEB.  

IMAGEN OPTIMIZADA IMAGEN NO OPTIMIZADA TAMAÑO: 350 X 233 PX TAMAÑO: 6000 X 4000 PXRESOLUCIÓN: 72 PPP RESOLUCIÓN: 300 PPPTAMAÑO (KB): 33KB TAMAÑO (KB): 10,3 MB

 

¿QUÉ FORMATO DEBEMOS ELEGIR?

 FORMATO PNG: SE UTILIZA SOBRE TODO PARA LAS IMÁGENES QUE ESTÁN HECHAS CON FORMAS GEOMÉTRICAS Y TIENEN COLORES PLANOS. LA GRAN VENTAJA DE ESTE FORMATO ES QUE CONSERVA LAS TRANSPARENCIAS Y QUE NO PIERDE MUCHA CALIDAD EN LA COMPRESIÓN DE LA IMAGEN, POR ESO SE UTILIZA PARA LOGOTIPOS.

FORMATO JPG: ES EL FORMATO UNIVERSAL QUE SE UTILIZA SOBRE TODO PARA LAS IMÁGENES, PUES AUNQUE SE PIERDE UN POCO DE CALIDAD AL COMPRIMIR LAS IMÁGENES, PERO NO SE PIERDEN COLORES O TONALIDADES.

 

Formato gif: este formato se utiliza para animaciones sobretodo. Dado que se utilizan varias imágenes o un vídeo para hacer el gif, el tamaño es en kb puede ser muy grande; por eso, en ocasiones se comprime la imagen y pierde calidad.

LA COMBINACIÓN DE IMÁGENES Y TEXTOSPARA QUE UN DISEÑO SEA EFECTIVO Y QUE LAS IMÁGENES CAPTEN LA ATENCIÓN DE LAS VISITAS, ES FUNDAMENTAL QUE ESTÉN BIEN COMBINADAS.

  EL ORDEN Y LA ARMONÍA DE LAS IMÁGENES Y LOS TEXTOS HACEN QUE LAS PERSONAS ENCUENTREN EL DISEÑO AGRADABLE Y NO; Y ESO ES LO QUE HACE QUE SEA EFECTIVO O NO.

IMÁGENES DE DIFERENTES TAMAÑOS Y CON UNA ALINEACIÓN DISTINTA DERECHA, CENTRADA 

 

PARA QUE LAS IMÁGENES AYUDEN A ORGANIZAR EL CONTENIDO Y FUNCIONEN COMO UN ELEMENTO DE ATRACCIÓN, DEBEMOS HACER QUE TENGAN EL MISMO TAMAÑO ANCHO POR LARGO.

ALGUNOS PROGRAMAS PARA OPTIMIZAR UNA IMAGEN PARA WEB - IMAGEOPTIM - IMAGE OPTIMIZER - KRAKEN - TINYJPEG Y TINYPNG - COMPRESSOR.IO 

BIBLIOGRAFÍA:

HIPERTXTUAL-GABRIELA GONZÁLEZ-27 /02/ 2015-5 HERRAMIENTAS GRATUITAS PARA OPTIMIZAR Y COMPRIMIR IMÁGENES SIN PERDER CALIDAD-14/05/215-HTTP://HIPERTEXTUAL.COM/2015/02/COMPRIMIR-IMAGENES-SIN-PERDER-CALIDAD

JIMBO-25/02/2015-COMO OPTIMIZAR LAS IMÁGENES PARA TU WEB-14/05/2015-HTTP://ES.JIMDO.COM/2015/02/25/C%C3%B3MO-OPTIMIZAR-LAS-IM%C3%A1GENES-PARA-TU-WEB/

CREAMOS WEB-22/02/2015-OPTIMIZAR IMÁGENES PARA LA WEB (INCLUYE INFOGRAFÍA)-14/05/2015-HTTP://WWW.CREAMOSWEB.ES/BLOG/OPTIMIZAR-IMAGENES-PARA-LA-WEB-INCLUYE-INFOGRAFIA/