I NSTITUTO T ECNOLÓGICO S UPERIOR “D ANIEL Á LVAREZ BURNEO ” OPTIMIZACION DE IMAGNES Ing. María Cristina Carrillo Integrantes:  Anita Carrión  Gabriela.

Presentación del tema: "I NSTITUTO T ECNOLÓGICO S UPERIOR “D ANIEL Á LVAREZ BURNEO ” OPTIMIZACION DE IMAGNES Ing. María Cristina Carrillo Integrantes:  Anita Carrión  Gabriela."— Transcripción de la presentación:

1 I NSTITUTO T ECNOLÓGICO S UPERIOR “D ANIEL Á 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

2 L AS 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. D EBEMOS 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.

3 ¿P OR QUÉ ES IMPORTANTE OPTIMIZAR LAS IMÁGENES ? L AS 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. L AS IMÁGENES PESADAS HACEN QUE LA VELOCIDAD DE CARGA DE UNA PÁGINA SEA LENTA.

4 C ONVERSIÓN : U NA 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. E STÉTICA : LAS IMÁGENES DE PÉSIMA CALIDAD HACEN DE TODO MENOS TRANSFERIR UNA IMAGEN SERIA Y PROFESIONAL DE NUESTRO NEGOCIO.

5 C ALIDAD DE LAS IMÁGENES PARA WEB M IENTRAS 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.

6 IMAGEN OPTIMIZADA IMAGEN NO OPTIMIZADA T AMAÑO : 350 X 233 PX T AMAÑO : 6000 X 4000 PX R ESOLUCIÓN : 72 PPP R ESOLUCIÓN : 300 PPP T AMAÑO (KB): 33K B T AMAÑO (KB): 10,3 MB

7 ¿ Q UÉ FORMATO DEBEMOS ELEGIR ? F ORMATO PNG : SE UTILIZA SOBRE TODO PARA LAS IMÁGENES QUE ESTÁN HECHAS CON FORMAS GEOMÉTRICAS Y TIENEN COLORES PLANOS. L A 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.

8 F ORMATO 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.

9 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.

10 L A COMBINACIÓN DE IMÁGENES Y TEXTOS P ARA 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. E L 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.

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

12 P ARA 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.

13 A LGUNOS PROGRAMAS PARA OPTIMIZAR UNA IMAGEN PARA WEB - I MAGE O PTIM - I MAGE O PTIMIZER - K RAKEN - T INY JPEG Y T INY PNG - C OMPRESSOR. IO

14 B IBLIOGRAFÍA : H IPERTXTUAL -GABRIELA G ONZÁ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-C OMO OPTIMIZAR LAS IMÁGENES PARA TU WEB - 14/05/2015- HTTP :// ES. JIMDO. COM /2015/02/25/ C %C3%B3 MO - OPTIMIZAR - LAS - IM %C3%A1 GENES - PARA - TU - WEB / C REAMOS WEB -22/02/2015-O PTIMIZAR IMÁGENES PARA LA WEB ( INCLUYE INFOGRAFÍA )-14/05/2015- HTTP :// WWW. CREAMOSWEB. ES / BLOG / OPTIMIZAR - IMAGENES - PARA - LA - WEB - INCLUYE - INFOGRAFIA /