Pequeña duda con redimensión de imágenes

Euritos

Eta
SEO
Verificación en dos pasos desactivada
Desde
25 Mar 2013
Mensajes
1.298
Edad
33
Crédito(s)
0
Puntos
1.098
Buenas Betas! :eek:nthego:

Vereis, os expongo mi duda:


Estoy probando un theme responsive que lo que hace es que cuando subo una imagen me la redimensiona automaticamente a muchos tamaños, exactamente en estos:

El original
140x100
140x130
150x150
220x162
300x174
300x200
320x240
60x57
620x315
65x65


Esto lo hace por el tema de que sean responsive o no tiene nada que ver?
Supongo que aparte, algunos de esos tamaños tambien seran para que se vean bien en el theme pero me parecen muchas redimensiones, por eso tengo la duda de que si tiene que redimensionarlas para que sean responsive...

Un saludo y gracias :encouragement:
 

IngGeek

Iota
SEO
Verificación en dos pasos desactivada
Desde
28 Oct 2013
Mensajes
2.494
Crédito(s)
1
Puntos
905
lo hace para adaptarse a los 3 tamaños celular, tablet, computadora y aparte para usar en determinadas áreas de tu theme. Quizá sea un theme con muchas novedades gráficas y es ahí donde entra el crop de las imágenes en diferentes dimenciones .
 

Euritos

Eta
SEO
Verificación en dos pasos desactivada
Desde
25 Mar 2013
Mensajes
1.298
Edad
33
Crédito(s)
0
Puntos
1.098
lo hace para adaptarse a los 3 tamaños celular, tablet, computadora y aparte para usar en determinadas áreas de tu theme. Quizá sea un theme con muchas novedades gráficas y es ahí donde entra el crop de las imágenes en diferentes dimenciones .

Ya me parecia! jaja muchas gracias por la aclaracion, no estaba seguro si era obligatorio redimensionar las imagenes para que fueran responsive :encouragement:

Lastima que de esta forma al subir 1 imagen se creen tantas y sobrecargue la base de datos... pero bueno, supongo que es el precio a pagar :p8:


Un saludo!
 

emski

Pi
Verificación en dos pasos desactivada
Desde
27 Jul 2012
Mensajes
5.185
Crédito(s)
1
Puntos
127
Yo uso un theme y en moviles las redimensaciona con CSS... :encouragement:

Así se evitan tantos archivos xd. Solo tengo 3 miniaturas.... Home, archivos populares y ultimos archivos... La del post se redimensiona con CSS si generar espacio adicional :D
 

Euritos

Eta
SEO
Verificación en dos pasos desactivada
Desde
25 Mar 2013
Mensajes
1.298
Edad
33
Crédito(s)
0
Puntos
1.098
Yo uso un theme y en moviles las redimensaciona con CSS... :encouragement:

Así se evitan tantos archivos xd. Solo tengo 3 miniaturas.... Home, archivos populares y ultimos archivos... La del post se redimensiona con CSS si generar espacio adicional :D
Esa es buena jeje

Lastima que el theme que estoy usando las redimensiona creando nuevas imagenes directamente xD
Estaria bien que tambien fuera por CSS :mad:
 

Sergio Gardeazabal

Épsilon
Hospedaje
Verificación en dos pasos desactivada
Desde
23 Nov 2012
Mensajes
982
Edad
26
Crédito(s)
0
Puntos
693
Ya me parecia! jaja muchas gracias por la aclaracion, no estaba seguro si era obligatorio redimensionar las imagenes para que fueran responsive :encouragement:

Lastima que de esta forma al subir 1 imagen se creen tantas y sobrecargue la base de datos... pero bueno, supongo que es el precio a pagar :p8:


Un saludo!

Yo uso un theme y en moviles las redimensaciona con CSS... :encouragement:

Así se evitan tantos archivos xd. Solo tengo 3 miniaturas.... Home, archivos populares y ultimos archivos... La del post se redimensiona con CSS si generar espacio adicional :D
En realidad es lo recomendable tanto para Themes Responsive como para los que no , El problema de redimencionarlas con css de una mas grande a una mas chica es que se carga una imagen grande en tamaño (peso/dimensiones) para luego achicarla. Cuando cargando la imagen ya directamente en el tamaño chico esta por ser mas chica pesa menos , y le evitamos una tarea mas al navegador.

Este es un puto que herramientas como Page Speed te quitan varios puntos si usas redimensiones de mas grande a mas chica con css. También GTmetrix.

Si vamos al caso este punto mas que nada se nota mucho en los dispositivos moviles al momento de cargar una pagina, en los equipos de escritorio no tanto. Pero si queres tener una pagina optimizada , ahora la regla es servir Imágenes escaladas y no redimencionarlas.

Por ejemplo esta semana me contrataron para optimizar 2 webs de peliculas, las cuales como en la home son puras imágenes . El pagespeed y demas herramientas estaba por el piso, y se notaba una lentitud en el renderizado (pantalla blanca mientras carga). Ambos themes , muy diferentes usaban imagenes redimencionadas por css, así que lo que hice es reescribir una parte del el Functions.php para habilitar las thumbnails nativas de wordpress, con los tamaños que necesitaba, después reemplace las llamadas a las imágenes que tenia por las de los thumbnails que establecí en el function. Regenere las mismas con un plugins . Y el resultado fue :

-Se redujo el tamaño de la paginas en un 50%
-Renderizado en PC de escritorio y móviles instantáneos (y eso que no es responsive el theme)

Así que tiene su justificación el nuevo método. En cuanto a la base de datos con un buen plugin de cache bien configurado no hay tanto problema.

Todavia estoy terminando de optimizar dichas webs , asi que si los usuarios que me contrataron ven esto sepan que estoy Trabajando en sus webs ademas de andar en Forobeta, Soy multi Tarea :encouragement:
 

Euritos

Eta
SEO
Verificación en dos pasos desactivada
Desde
25 Mar 2013
Mensajes
1.298
Edad
33
Crédito(s)
0
Puntos
1.098
En realidad es lo recomendable tanto para Themes Responsive como para los que no , El problema de redimencionarlas con css de una mas grande a una mas chica es que se carga una imagen grande en tamaño (peso/dimensiones) para luego achicarla. Cuando cargando la imagen ya directamente en el tamaño chico esta por ser mas chica pesa menos , y le evitamos una tarea mas al navegador.

Este es un puto que herramientas como Page Speed te quitan varios puntos si usas redimensiones de mas grande a mas chica con css. También GTmetrix.

Si vamos al caso este punto mas que nada se nota mucho en los dispositivos moviles al momento de cargar una pagina, en los equipos de escritorio no tanto. Pero si queres tener una pagina optimizada , ahora la regla es servir Imágenes escaladas y no redimencionarlas.

Por ejemplo esta semana me contrataron para optimizar 2 webs de peliculas, las cuales como en la home son puras imágenes . El pagespeed y demas herramientas estaba por el piso, y se notaba una lentitud en el renderizado (pantalla blanca mientras carga). Ambos themes , muy diferentes usaban imagenes redimencionadas por css, así que lo que hice es reescribir una parte del el Functions.php para habilitar las thumbnails nativas de wordpress, con los tamaños que necesitaba, después reemplace las llamadas a las imágenes que tenia por las de los thumbnails que establecí en el function. Regenere las mismas con un plugins . Y el resultado fue :

-Se redujo el tamaño de la paginas en un 50%
-Renderizado en PC de escritorio y móviles instantáneos (y eso que no es responsive el theme)

Así que tiene su justificación el nuevo método. En cuanto a la base de datos con un buen plugin de cache bien configurado no hay tanto problema.

Todavia estoy terminando de optimizar dichas webs , asi que si los usuarios que me contrataron ven esto sepan que estoy Trabajando en sus webs ademas de andar en Forobeta, Soy multi Tarea :encouragement:

Entiendo entonces que la forma que lo hace este theme (redimensionar las imagenes al subirlas a WP y escalonarlas) se podria decir que es una buena forma de tenerlo bastante optimizado no? casi mejor que con CSS por lo que dices :encouragement:

Y la BD que es lo uno que se sobrecarga un poco mas se puede solucionar facilmente, como bien dices. Y por el espacio que ocupa tampoco hay problema.


Muchas gracias por la buena explicacion sergio, se agredece ;)
 

Arriba