Soporte » Guías – Resolución de problemas » Problema con imágenes

  • Resuelto mariacv

    (@mariacv)


    Buenas tardes,

    Tengo un problema con las imágenes que subo desde hace una semana. Resulta que cuando subo las imágenes y las pongo, por ejemplo, como fondo del fooster la imagen me aparece borrosa. Y me sucede en general con todas las imágenes. Lo que no entiendo es porque antes no me pasaba y ahora sí. Por ejemplo ahora subo la misma imagen con las mismas características que hace una semana, y me aparece borrosa. No entiendo el porqué.

    ¿Podría ser por la actualización de wordpress a la versión 5.4? No recuerdo si subí las imágenes antes de actualizar wordpress o después.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 15 respuestas - de la 1 a la 15 (de un total de 18)
  • Moderador almendron

    (@almendron)

    ¿Podrías poner una URL donde podamos ver le problema?

    Iniciador del debate mariacv

    (@mariacv)

    ¡Claro, gracias! La página todavía está en construcción, jeje.

    Mira en la parte de abajo de la web he puesto una foto amarilla con un teléfono que sale desenfocada: http://spanishmood.com/about/

    En cambio, en otra de las páginas he puesto otra imagen en la parte inferior y aparece normal. Ahora bien si intento poner o subir de nuevo la imagen me aparece borrosa como en el caso anterior, por lo que esta la he dejado como está para que no pierda calidad: http://spanishmood.com/pricing/

    Tengo que subir un montón de fotos todavía y me he quedado estancada porque no he encontrado ninguna solución en ningún lado.

    A ver si podéis ayudarme 😉

    Gracias de nuevo.

    Moderador almendron

    (@almendron)

    Te pasa eso porque la imagen es muy pequeña y al escalarla se ve borrosa.

    Tienes que utilizar una imagen de al menos 1652×170 y luego poner código para que sea responsive. Hay muchos tutoriales. Busca «imagen de fondo responsive».

    Iniciador del debate mariacv

    (@mariacv)

    Ah, ok! Muchas gracias. Es que la foto que se ve bien es del mismo tamaño, por eso me extrañaba que pasara eso.

    Voy a probar a ver. Muchas gracias de nuevo 😉

    Iniciador del debate mariacv

    (@mariacv)

    Por cierto, me acabo de dar cuenta de que la imgen tiene un tamaño de 2000 x 400 píxeles.
    Entonces no creo que sea el tamaño.

    Moderador almendron

    (@almendron)

    La imagen del fondo que se muestra en la que se indica en la siguiente regla y mide 300×60:

    div.et_pb_section.et_pb_section_4 {
    	background-size: contain;
    	background-position: bottom center;
    	background-image: url(http://spanishmood.com/wp-content/uploads/2020/04/Diseño-sin-título-18-300x60.png) !important;
    }
    Iniciador del debate mariacv

    (@mariacv)

    Puff es que no tengo ni idea de programación. Me sigue diciendo que la imagen mide 2000 x 400. ¿Dónde puedo mirar esto que me has indicado?

    div.et_pb_section.et_pb_section_4 {
    background-size: contain;
    background-position: bottom center;
    background-image: url(http://spanishmood.com/wp-content/uploads/2020/04/Diseño-sin-título-18-300×60.png) !important;
    }

    Igual lo podría cambiar desde ahí. He subido todas las imágenes con las mismas medidas y unas se ven borrosas y otras no, y miden lo mismo.

    Moderador almendron

    (@almendron)

    Pero si se ve en el propio enlace…. 300-60.png

    Firefox > botón derecho sobre la imagen > Ver imagen de fondo y te saldrá la foto a su tamaño original.

    No se como pones esa imagen, pero es evidente que te está poniendo uno de los tamaños que tengas definido en lugar del original.

    El problema es que usas DIVI que es un programa comercial. Los voluntarios del foro no tenemos acceso a ese tipo de productos y no podemos, por tanto, realizar pruebas.

    Iniciador del debate mariacv

    (@mariacv)

    Pues será eso porque yo subo la foto a tamaño normal. Muchas gracias, voy a ver los tamaños que tengo definidos a ver si pudiera cambiarlos.

    Gracias de nuevo.

    Moderador almendron

    (@almendron)

    Yo no tocaría eso porque puedes fastidiar otras secciones.

    Mira a ver cuando insertas la imagen de fondo si hay alguna opción para establecer el tamaño. O bien, cuando la subas, indica tamaño completo.

    Iniciador del debate mariacv

    (@mariacv)

    Al final no he tocado nada. El problema no es cuando subo la imagen. En la biblioteca de wordpress me aparece con las dimensiones correctas. Es cuando la coloco en la plantilla cuando cambia y se ve borrosa.

    ¿Hay alguna manera de enviar capturas de pantalla por aquí?

    Moderador almendron

    (@almendron)

    La puedes subir a tu sitio y luego poner aquí el enlace.

    No obstante, me temo que no va a ser de mucha ayuda ya que no puedo realizar pruebas porque usas un tema comercial.

    Moderador almendron

    (@almendron)

    Y otra cosa: me recuerda un compañero que no debes usar «ñ», mayúsculas o espacios porque puede ocasionar problemas.

    ESte código va muy bien: https://ayudawp.com/carlos-longarela-evita-problemas-los-nombres-archivo-las-imagenes-maratonwp-10aniversarioayudawp/

    Iniciador del debate mariacv

    (@mariacv)

    Muchas gracias. La web está en inglés, así que de momento no hay ninguna «ñ», jeje. Luego subo las capturas de pantalla y las comparto, a ver si hay algo que yo no estoy viendo 😉

    Moderador almendron

    (@almendron)

    Tal vez estemos hablando de distintas webs: «Diseño-sin-título-6.png». Muchas de tus imágenes, por ejemplo, llevan «eñe».

Viendo 15 respuestas - de la 1 a la 15 (de un total de 18)
  • El debate ‘Problema con imágenes’ está cerrado a nuevas respuestas.