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


Mostrando resultados del 1 al 7 de 7
  1. #1
    Registro
    25-marzo-2013
    Ubicación
    España
    Edad
    32
    Mensajes
    1.362
    Buenas Betas!

    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

  2. #2
    Registro
    28-octubre-2013
    Ubicación
    Ciudad SEORCASMO
    Edad
    29
    Mensajes
    2.476
    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 .

  3. #3
    Registro
    25-marzo-2013
    Ubicación
    España
    Edad
    32
    Mensajes
    1.362
    Cita Iniciado por carvax Ver Mensaje
    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

    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


    Un saludo!

  4. #4
    Registro
    27-julio-2012
    Ubicación
    MX
    Mensajes
    5.194
    Yo uso un theme y en moviles las redimensaciona con CSS...

    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

  5. #5
    Registro
    25-marzo-2013
    Ubicación
    España
    Edad
    32
    Mensajes
    1.362
    Cita Iniciado por tutorialesp Ver Mensaje
    Yo uso un theme y en moviles las redimensaciona con CSS...

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

  6. #6
    Registro
    23-noviembre-2012
    Ubicación
    Buenos Aires,Argentina
    Edad
    25
    Mensajes
    981
    Cita Iniciado por Euritos Ver Mensaje
    Ya me parecia! jaja muchas gracias por la aclaracion, no estaba seguro si era obligatorio redimensionar las imagenes para que fueran responsive

    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


    Un saludo!

    Cita Iniciado por tutorialesp Ver Mensaje
    Yo uso un theme y en moviles las redimensaciona con CSS...

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

  7. #7
    Registro
    25-marzo-2013
    Ubicación
    España
    Edad
    32
    Mensajes
    1.362
    Cita Iniciado por sergiogeek Ver Mensaje
    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

    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

    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



Temas similares

  1. Redimension de imagenes y SEO
    Hola Amigos. Despues de ver los malos resultados de pagespeed de google veo que me pide que redimensione mis imagenes (ya que son mucho mas grande...
    Respuestas: 0
    Último mensaje: 18-jul-2014
  2. Evitar redimension de Imagenes
    Solucionado lo otro... Pero ahora tengo otra consulta... Como puedo poner para que el cuadro de la imagen sea el mismo tamaño de la imagen asi...
    Respuestas: 2
    Último mensaje: 07-oct-2011
  3. Redimension de imagenes Adjuntas!
    Buenas amigos, que tal? tengo el hack para redimensionar imagenes, este funciona perfectamente con imagenes de servidores externos PERO si pongo una...
    Respuestas: 0
    Último mensaje: 15-jun-2010

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •