Como añadir imágenes a una página web

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (9 votos, promedio: 4,22 de 5)
Cargando…

También te podría gustar...

Sobre este artículo

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (9 votos, promedio: 4,22 de 5)
Cargando…

Licencia: Coautor del artículo: Daniel Ernesto Navarro Herrera. Licencia: Contenido exclusivo de LaWebera.es. Prohibida su copia.

Se dedica desde hace más de 10 años al diseño web y muy especialmente al front-end. Apasionada de Internet y los proyectos online. Sigue muy de cerca todo lo que se cuece en cuanto a emprendimiento. Ha trabajado como front-end y visual designer para empresas como ELPAIS, Banco Santander y actualmente Tuenti.

32 Respuestas

  1. Roser

    Hola! Alguien sabe donde puedo encontrar el icono de youtube en una URL? Quiero colocarlo en mi web junto otros social media iconos.
    Gracias!!

  2. Gaston

    hola una consulta yo arme mi pagina web con direccionamiento de imagenes en mi pc. Ej img src=”c://Desktop/carpeta/imagen.jpg; y ahora contrate el servicio de hosting y como deberia poner el direccionamiento img src=”www.mipagina/carpeta/imagen.jpg”?

    • Verónica Milán

      Hola Gaston,

      Sí, una vez subas tu página web a internet tienes que modificar la ruta de las imágenes. Más o menos como tú lo has puesto:

      img src=”http://www.mipagina/carpeta/imagen.jpg”

  3. María Teresa Mendieta

    Hola! Me han resultado muy útiles tus artículos. Quería hacerte una consulta. Si en un sitio web se utiliza una misma imagen en dos páginas distintas con distinto tamaño, tengo que cargar la misma imagen en dos tamaños diferentes o el programador web debería encargarse de que la imagen se adapte automáticamente a los dos tamaños?

    • Verónica Milán

      Hola María Teresa,

      Depende de la diferencia de tamaño que haya entre ambas imágenes.

      Si son muy diferentes, entonces sí merece la pena cargar la misma imagen en dos tamaños diferentes, puesto que sino, la imagen que es más pequeña pesa más de lo necesario y puede tardar más en cargar que si estuviera ajustada al tamaño en que se muestra.

      Si no hay mucha diferencia de tamaño, no creo que merezca la pena usar imágenes diferentes. En ese caso podrías usar la misma en ambas páginas.

  4. Juan

    La información es muy clara. Me ha resultado muy interesante y muy útil.
    Un saludo
    Juan

  5. Jose Luis

    Muchas gracias por una explicación tan clara!!

  6. Raul_R

    Por fin algo claro y útil, Gracias !!

  7. Christian.A.

    Gracias por la ayuda, siempre se aprenden cosas nuevas. Salu2.

  8. German

    Muchìsimas gracias por tu aporte amigo muy bueno y detallado , la pàgina es muy buena

  9. Raúl Baena

    Hola, quiero poner rel=”lytebox” en todas las fotos de mi página web ¿puedo hacerlo en la hoja de estilos o tengo que hacerlo una por una?

  10. Luis Cains

    Interesante entrada. Sobre todo la partes en donde hablas de reducir el tamaño de la imagen desde el editor HTML. De verdad que no lo sabía, muchas gracias.

  11. Gina

    Hola, estoy intentando poner dos fotos en mi web, que también servirán de enlace. El problema es que se publican en linea vertical y yo quiero que se publiquen en linea horizontal ¿como ordenarlos?

    Gracias

  12. Lourdes

    Gracias es muy explicito.

    Me gustaría otro post para saber como poner comentarios en mi página.

  13. Siempre es bueno refrescar estos temas. Gracias!

  14. Verónica, muy buenas herramientas.

  15. He visitado tu sitio y es muy bueno y sobre todo con muy buena información. Estaré revisando mas información como ésta, es de suma importancia para la gente que empieza, se sacaron un 10 definitivamente.

    Saludos.
    Su amigo.
    Marco A. Arteaga Silva.

  16. ema

    hola q tal muy buena la pagina queria saber si hay alguna propiedad para poner poe ej una imagen se no se 300×300 y al tocarla se agrande a no se 500×500 espero respuestas desde ya muchas gracias un saludo

  17. Alejandro, creo que lo que estás buscando es añadir un favicon, prueba con este enlace: https://www.lawebera.es/

    Un saludo.

  18. alejandro

    buenas tardes, estoy tratando de insertar una imagen a mi pagina web que se vea en la barra de direcciones pero no se como hacerlo.

    espero respuestas, gracias Ale.

  19. L3B

    Muchísimas gracias por la información. Era justo lo que estaba buscando. Simple y bien explicado. Gracias de nuevo.

  20. Andrea puedes determinar un estilo específico para ese botón con el atributo class, a partir de ahí puedes darle el aspecto que quieras.

    Un saludo.

  21. Hola,
    Tengo establecido en CSS que todas las imágenes de mi web tengan un borde, pero hay una imagen en concreto (un botón) que no quiero que lo tenga ¿cómo lo hago?

    Muchas gracias (la página está fenomenal),

    Andrea

  22. ciberpunk

    no todos los navegadores soportan los favicon pero con la velocidad de actualizacion de los usuarios esto sera cosa del pasado

  23. Poemas

    Muy buena informacion, antes solo pegaba sin saber el significado de cada code, gracias

  24. sylvia

    hola
    este tema es muy importante al momento d hacer o crear nuestra propia pagina, pero realmente seria bueno qe incluyeran la forma de como se podria organizar una imagen al lado izquierdo, pero ya habiendo una al derecho, es decir en la misma linea horizontal, pero en 2 columnas o en los dos extremos,…Gracias por el tema aqui tratado y espero que alguien pueda responder mi duda.

  25. Yurtdisi Egitim

    is there any one who knows any source about this subject in other languages?

  26. Matias

    Gracias, este tema me ha sido de mucha ayuda

  27. Anne

    Muy buen recurso, lo voy a utilizar en mis sitios, gracias.

Deja un comentario

El email no se publica. Todos los campos obligatorios, salvo Web.