Foros del Web » Creando para Internet » HTML »

Optimizar pagina con imagenes

Estas en el tema de Optimizar pagina con imagenes en el foro de HTML en Foros del Web. Buenas. Quisiera saber si hay alguna forma de optimizar la pagina o imágenes en mi pagina web que tiene un estilo de portafolio para que ...
  #1 (permalink)  
Antiguo 17/04/2016, 08:59
 
Fecha de Ingreso: abril-2016
Mensajes: 1
Antigüedad: 8 años, 7 meses
Puntos: 0
Optimizar pagina con imagenes

Buenas.

Quisiera saber si hay alguna forma de optimizar la pagina o imágenes en mi pagina web que tiene un estilo de portafolio para que carguen sin tantos problemas.

Este es el codigo que utilizo para colocar las imgenes:

Código HTML:
<a href="images/fulls/01.jpg" class="image"><img src="images/thumbs/01.jpg" alt=""/></a> 
El problema esta que son casi 2000 imágenes y están alojadas en el local de la web
  #2 (permalink)  
Antiguo 17/04/2016, 11:40
Avatar de petit89  
Fecha de Ingreso: marzo-2011
Mensajes: 1.139
Antigüedad: 13 años, 8 meses
Puntos: 171
Respuesta: Optimizar pagina con imagenes

para optimización puedes generarlas con calidad 60-80, no es muy notable la perdida... tienes que crearlas(recortarlas) al tamaño que quieres mostrar, el mismo que tiene que ir especificado en ancho y alto(tanto thumbail como imagen real)... y puedes tambien especificar un cache de navegador(esto te ayudara mucho)
__________________
█ WebHosting / Reseller a bajo costo | Uptime Garantizado | Soporte en Español e Ingles
¿Te sirvió la respuesta? Deja un +1 (Triangulo negro al lado derecho)
  #3 (permalink)  
Antiguo 17/04/2016, 13:19
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: Optimizar pagina con imagenes

NADIE va a ver un portafolio de 2000 imágenes.

La cosa no está en el código. Tal vez un poquito en el tamaño y la compresión de las imágenes.

El problema está en la planeación de tu página.

1) Define categorías. No cargues todas a lo loco.
2) Define una navegación lógica. Para que se entienda qué cosa quiero ver y cual no.
3) Define el tamaño óptimo de las imágenes.
4) Define la compresión.

5) Ya adicionalmente podrías buscar un script lazyload https://www.google.com.mx/search?q=lazy+load+script Estos cargan poco a poco imágenes si es que el usuario sigue haciendo scroll para abajo.
  #4 (permalink)  
Antiguo 09/06/2016, 17:57
(Desactivado)
 
Fecha de Ingreso: febrero-2016
Ubicación: España
Mensajes: 49
Antigüedad: 8 años, 9 meses
Puntos: 3
Respuesta: Optimizar pagina con imagenes

Lo que te recomiendo es que si quieres que carguen de manera rápida y sencilla debes bajarles la calidad un poco, verificar que se encuentren entre los formatos que acepta la pagina, y por ultimo busca scripts que ayudan a cargar mejor la fotos además de ofrecerte opciones de posicionamiento web.

Etiquetas: html5, imagenes, web+general
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:11.