Cómo subir fotos a sitios web

Escrito por crystal street | Traducido por lucrecia garcía
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo subir fotos a sitios web
Cargar imágenes digitales a un sitio web se puede lograr mediante la edición de HTML. (Jupiterimages/Brand X Pictures/Getty Images)

Subir fotos a un sitio web requiere el acceso a una serie de algunos elementos web básicos antes de comenzar el proyecto. El acceso a un servidor en línea, el software de edición de HTML o un sistema de gestión de contenidos para el sitio de destino son todos los elementos necesarios para subir tus imágenes a un sitio web. Familiarízate con la edición de HTML o contrata a un programador web para ayudar a editar tu sitio si no estás utilizando una plataforma de blog.

Nivel de dificultad:
Moderadamente difícil

Otras personas están leyendo

Necesitarás

  • Cuenta en un sitio web para compartir fotos (opcional)
  • Acceso a servidor FTP (opcional)
  • Programa de edición de software HTML

Lista completaMinimizar

Instrucciones

  1. 1

    Optimiza las imágenes para usarlas en un sitio web. Abre los archivos en un programa de software de edición fotográfica y ajusta la resolución de la imagen a 72 ppp (puntos por pulgada). Esta resolución proporciona una óptima reproducción en monitores, televisores y otros dispositivos digitales.

  2. 2

    Guarda los archivos de imagen en un formato de archivo web optimizado y comprimido. Si su programa de edición proporciona una función "Guardar para web" utilízala para comparar las tasas de compresión diferentes para hacer el archivo más pequeño posible sin comprometer la calidad de la imagen. Si el programa no proporciona esto, simplemente guarda el archivo como un archivo JPEG a una compresión de calidad media. Comprueba la calidad de los archivos una vez guardada antes de subirla.

  3. 3

    Sube la foto a internet mediante un servidor FTP disponible, un sitio para compartir fotos o un sistema de gestión de contenidos. Este paso variará en función de tus recursos, pero el propósito principal es colocar la imagen en línea en una URL diferente. Un sitio para compartir fotos, como Flickr o SmugMug va a funcionar bien y ambos son de uso gratuito. Si tienes un blog, basta con subir la imagen a la web mediante tu sistema de gestión de contenidos, al cual accedes al iniciar sesión en el panel de administrador.

  4. 4

    Copia la dirección URL de la imagen una vez que se encuentra en la web. Si se usa un blog o un sitio para compartir fotos, basta con copiar la URL desde el panel de administrador o hacer clic derecho en la imagen y seleccionar la opción "Ver imagen". Se abrirá una nueva ventana que muestra sólo la foto y puedes copiar la URL en la barra de direcciones URL del navegador.

  5. 5

    Abre tu sitio web o editor HTML y encuentra la colocación de tu foto en el diseño del sitio. Introduce la URL en el código HTML en el lugar apropiado y guarda el archivo. Este paso puede requerir un programador si estás usando un sitio especializado. Si estás usando un blog, sólo tienes que colocar la URL en el tema de diseño en el lugar apropiado de acuerdo con las instrucciones de la alteración del tema del diseño.

  6. 6

    Sube la nueva página HTML con la URL de la imagen en el servidor web y prueba el sitio para su funcionalidad. El código actualizado debe llevar a la imagen en el diseño de sitios web usando la URL que se coloca en el editor HTML.

Consejos y advertencias

  • Si tus actualizaciones de la web no aparecen después de cargar el archivo HTML editado, pulsa el botón de actualizar y borra la caché de tu navegador.
  • El método más sencillo para colocar imágenes en un sitio web es utilizar una plataforma de blogging como la piel de la página web, o el aspecto exterior. Puedes simplemente añadir las fotos siguiendo las instrucciones de diseño temáticos o mediante el uso de los widgets de la barra lateral. Este método requiere conocimientos de HTML mínimos.
  • Si necesitas crear un código HTML de la URL, pero no estás familiarizado con la escritura de código, basta con cargar la imagen en una entrada de blog usando la opción de vista normal y añade botones de medios de comunicación. Añade los enlaces a la imagen o texto que la rodea y selecciona la vista HTML en la ventana de edición posterior. Desde aquí puedes ver la versión HTML de la imagen y sus atributos. Copia el código HTML y agrégalo a tu diseño del sitio.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles