Optimización de imagenes con php

[victortsu66]

Hola buen día, soy nuevo en este foro, y me gustaria preguntarles si hay alguien aqui que sepa como hacer para que las imagenes que suban a mi base de datos a la hora de cargarlas en la web se muestren pixeleadas y conformen van cargando vayan mejorando su calidad, he buscado con image magik pero no logro encontrar algo como lo que les menciono de antemano muchas gracias saludos.

[allamosash]

Pues lo que deberías de hacer es guardar la ruta donde vas a almacenar la imagen en la base de datos y las imágenes cargarlas en una carpeta que contenga esa ruta .

[seventeen]

Lo que se hace es como te dijeron arriba, registrar la ruta en la base de datos.
Después subes la imagen al servidor con php, y subis otra con menor calidad o más pequeña Lo podes hacer con http://php.net/manual/es/imagick.resizeimage.php

En el momento de mostrarlas, primero cargas la imagen de menor calidad. Y cuando la página está cargada, cargas la de mejor calidad (esto ultimo lo haces con javascript)

[xfxstudios]

no registres la ruta, pues imagina si tienes que cambiar luego de ruta tendrias que actualizar la base de datos y va a ser tedioso, te recomiendo que guardes el nombre de la imagen con su extensión y manejes la ruta directo en el documento, algo asi:

Código PHP:

echo "<img src='rutadelaimagen/'".$imagen;
 

de esa manera si debes cambiar el directorio de las imagenes por x problema solo tendrias que cambiar la ruta donde la muestras, esto es especialmente valido para los casos como las galerias de fotos que son muchas por ejemplo.

de igual manera podrias crear un preloader para los DIVs donde esten las imagenes o un preloader para toda la pagina, para que este se muestre hasta que la pagina este completamente cargada

[seventeen]

No estoy de acuerdo, en el caso que te dicen arriba de cambiar la ruta, si la tienes en el código, vas a tener que modificar en todos los lugares que muestres la ruta.

Otro caso podría ser que tengas que cambiar el nombre de la imágen, en cuyo caso también habrá que actualizar la base de datos.

Sigo recomendando registrar la ruta con el nombre de la imagen en la base de datos.

[stone_neo]

Sigue los consejos que te dicen no guardes las imagenes en la base de datos, guardalos en una carpeta en el servidor, y para mostrar una miniatura puedes usar la libreria GD para generar su miniatura y guardarla en otra carpeta o generarla al vuelo.

Pues tener la ruta de donde guardar las imagenes y miniaturas en una constante en PHP y cada vez que muestres una imagen seria

Código PHP:

echo "<img src='".RUTA_IMAGENES.$imagen." />";
 

Esta constante la pones en un archivo de configuracion de tu aplicación, y si algun dia cambias de ruta, pues solo modificas la constante en el archivo de configuracion. Al inicio cargas la miniatura o imagen con menor calidad, y cuando controles que ya cargo el otro archivo de mayor calidad con javascript la reemplazas.

[victortsu66]

Agradezco su ayuda implementare algunos puntos que me dieron y ya les contare mas adelante gracias

[RicardoSuarez]

Hola Victor, como te han dicho guarda las imágenes en una carpeta del mismo servidoe así no tendrás que volver a actualizar al momento de cambiar las rutas (algo que puede ser tedioso). Nunca olvides la ruta que te dicen arriba, ya que deberás usarla siempre que desees hacer ese efecto en tu web

Otro efecto muy divertido y que no lleva tanto es el Parallax deberías probarlo, además que atrae mucho la atención de nuevos usuarios.


Hasta luego.