Agregar imágenes individuales
Última actualización: 26 marzo, 2025
Una imagen vale más que mil palabras. En la Web 2.0, las imágenes y los vídeos son el medio más importante para presentar información de forma interesante. En este artículo, le mostraremos cómo añadir todo tipo de imágenes a Sitejet. Consulte los artículos relacionados en la parte inferior para ver galerías de imágenes y banners.
Cómo agregar imágenes individuales
Las imágenes individuales se pueden incrustar de diversas maneras en los sitios web de Sitejet. Cada elemento y ajuste preestablecido que se muestra aquí tiene una función específica, que explicaremos en las siguientes subsecciones.
- El elemento de imagen
- El elemento del logotipo
- El elemento SVG
- El elemento icono
Para añadir ajustes preestablecidos o elementos, simplemente haz clic en una categoría en la barra lateral izquierda. Puedes explorar todas las opciones disponibles desplazándote por el panel de contenido que se abre.
En la imagen de abajo, encontrarás las ubicaciones del menú de los elementos que mencionaremos a continuación.
El elemento de imagen
El elemento de imagen contiene una sola imagen que se mostrará en una posición específica. Este elemento puede incluirse en otros elementos, como contenedores o ajustes preestablecidos, para lograr un diseño específico. Dondequiera que se muestre una imagen en Sitejet, también puede editarla y darle formato.
Este elemento se puede usar para cualquier tipo de imagen, excepto si es un gráfico vectorial. Sitejet admite todos los formatos de imagen comunes. Sin embargo, para su uso en sitios web, recomendamos usar archivos .jpg, .png o .gif. Cada uno de estos formatos tiene diferentes ventajas y desventajas, que deben considerarse según la aplicación.
Los archivos JPG suelen ser los más grandes, pero también ofrecen la mayor calidad en cuanto al espectro de color disponible. Sin embargo, si la imagen está comprimida, puede haber efectos poco atractivos en su visualización, ya que la compresión no es sin pérdidas.
Los archivos PNG admiten fondos transparentes. Su compresión permite una menor pérdida de calidad. Por eso es el formato de imagen preferido en internet.
Los archivos GIF tienen la ventaja sobre los dos formatos mencionados anteriormente de que pueden animarse como una película stop motion. La desventaja de su pequeño tamaño es su reducido espectro de 256 colores. Esto hace que las imágenes GIF a menudo tengan un aspecto poco natural, pero pueden usarse para caricaturas, presentaciones tipo cómic o infografías. Los archivos .gif también admiten fondos transparentes.
En Sitejet, nuestro servicio CDN escala y comprime automáticamente las imágenes a la resolución requerida. Las imágenes se muestran con la resolución requerida según el tamaño de la pantalla. La carga responsiva y la carga diferida son funciones opcionales.
El elemento de imagen, al igual que otros elementos, se puede agregar al sitio web de la siguiente manera:
- Haga clic en la categoría “Elementos” en la barra lateral izquierda.
- Busque “Imagen” y mientras presiona la tecla izquierda del mouse, arrastre el elemento de imagen a su ubicación preferida en el sitio web.
Para elegir una imagen para este elemento:
- Haga clic en la imagen ficticia que aparece en el menú de la izquierda debajo de la palabra “Imagen” y se abrirá un cuadro de diálogo que le permitirá elegir una imagen para cargar.
También puede hacer clic en la imagen en el editor y luego en el icono del lápiz para cambiarla o elegir una imagen ya subida por usted o el cliente. Para más información sobre cómo colaborar con sus clientes, consulte nuestro artículo sobre el tema aquí .
El elemento del logotipo
El elemento de logotipo es una variante especializada del elemento de imagen. Se recomienda usarlo solo para el logotipo de una empresa o producto, ya que si cambia la imagen de un elemento de logotipo, se le preguntará automáticamente si desea cambiarla en todo el sitio web y en todas las subpáginas. Esto le ahorrará tiempo si cambia la identidad corporativa (CI) de la empresa o producto.
Puede encontrar más información sobre el tema de cómo agregar un logotipo en nuestro artículo sobre cómo agregar el logotipo de su sitio web .
El elemento SVG
El elemento SVG permite mostrar gráficos vectoriales en formato SVG. Estos gráficos se pueden ampliar y reducir sin pérdida de calidad y, además, ocupan poco espacio, lo que los hace ideales para sitios web adaptables.
El elemento icono
El elemento de icono es una versión especial del elemento SVG que permite mostrar iconos de las bibliotecas de iconos más populares de Sitejet. La búsqueda por palabra clave permite seleccionar el icono deseado de la lista sin necesidad de cargar archivos.
Con este elemento tienes a tu disposición iconos de las siguientes bibliotecas:
- Fuente de iconos
- Ionicones
- Marcas FontAwesome
- FontAwesome Regular
- FontAwesome Sólido
- FontAwesome Light
Si hay una biblioteca que te gustaría y no está en la lista anterior, también puedes agregarla tú mismo e insertar el ícono correspondiente usando un código personalizado .
Ajustes preestablecidos
Los ajustes preestablecidos siempre representan una combinación de diferentes elementos con sus propias especificaciones de diseño. Realizan el trabajo por usted y agilizan el proceso de diseño. Sitejet le ofrece una amplia gama de ajustes preestablecidos para mostrar imágenes. Los ajustes preestablecidos son importantes para mostrar varias imágenes a la vez, como en una galería, pero también ofrecen ventajas para imágenes individuales. En nuestro artículo sobre el uso de ajustes preestablecidos, explicamos cómo usarlos .
El ajuste preestablecido “Imagen con cuadro de texto” está disponible en la categoría “Contenido” de la barra lateral izquierda. Al igual que con un elemento, simplemente arrastra y suelta el ajuste preestablecido en la posición deseada del sitio web.
Este artículo es una traducción del original en inglés titulado “Add individual images” publicado por Sitejet.
