¿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.
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.
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.
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.
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í?
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.
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 😉
Tal vez estemos hablando de distintas webs: «Diseño-sin-título-6.png». Muchas de tus imágenes, por ejemplo, llevan «eñe».