Dinaup DocsCDN Público
Sirve imágenes públicas desde storage.dinaup.com, sin autenticación, para catálogos de productos, webs y marketplaces.
El CDN público de Dinaup sirve imágenes desde storage.dinaup.com. Son accesibles sin autenticación: útiles para catálogos de productos, webs, marketplaces o cualquier contenido visible desde fuera.
Los archivos en el CDN público son accesibles por cualquier persona que tenga el enlace. No subas documentos confidenciales a la galería pública.
Origen de las imágenes
Las imágenes del CDN público provienen de tres fuentes principales:
| Origen | Descripción |
|---|---|
| Galería Pública | Imágenes subidas a la PublicGallery de cualquier registro (productos, servicios) |
| Iconos de Sección | Iconos configurados para las secciones del sistema |
| Iconos de Campo | Iconos asociados a campos específicos |
Estructura de las URLs
https://storage.dinaup.com/cdn/{GUID}_{tamaño}.{extensión}Donde:
{GUID}: Identificador único del archivo{tamaño}: Sufijo opcional que indica el tamaño de la imagen{extensión}: Formato del archivo (jpg, png, webp)
Tamaños disponibles
Al subir una imagen, el SDK genera cinco versiones por alto y las guarda junto al original. Cada una tiene su sufijo en la URL:
| Sufijo | Tamaño | Uso recomendado |
|---|---|---|
_03 | 32px alto | Iconos, avatares en listas, tablas |
_02 | 100px alto | Miniaturas, vistas previas, catálogos compactos |
_01 | 300px alto | Tarjetas de producto, galerías |
_04 | 720px alto | Visualización en detalle, webs adaptables |
_05 | 1080px alto | Pantalla completa, alta calidad |
| (sin sufijo) | Original | Máxima calidad, descarga, impresión |
Ejemplos de uso
Dada una imagen con GUID 6c535438-f09f-45d1-be28-dd538ed47b59:
# Original (máxima calidad)
https://storage.dinaup.com/cdn/6c535438-f09f-45d1-be28-dd538ed47b59.jpg
# Icono pequeño (32px)
https://storage.dinaup.com/cdn/6c535438-f09f-45d1-be28-dd538ed47b59_03.jpg
# Miniatura (100px)
https://storage.dinaup.com/cdn/6c535438-f09f-45d1-be28-dd538ed47b59_02.jpg
# Tarjeta (300px)
https://storage.dinaup.com/cdn/6c535438-f09f-45d1-be28-dd538ed47b59_01.jpg
# HD (720px)
https://storage.dinaup.com/cdn/6c535438-f09f-45d1-be28-dd538ed47b59_04.jpg
# Full HD (1080px)
https://storage.dinaup.com/cdn/6c535438-f09f-45d1-be28-dd538ed47b59_05.jpgCasos de uso típicos
Catálogo de productos en web
<!-- Listado con miniaturas -->
<img src="https://storage.dinaup.com/cdn/{guid}_02.jpg" alt="Producto">
<!-- Detalle del producto -->
<img src="https://storage.dinaup.com/cdn/{guid}_05.jpg" alt="Producto">Imágenes adaptables
<img
src="https://storage.dinaup.com/cdn/{guid}_01.jpg"
srcset="
https://storage.dinaup.com/cdn/{guid}_02.jpg 100w,
https://storage.dinaup.com/cdn/{guid}_01.jpg 300w,
https://storage.dinaup.com/cdn/{guid}_04.jpg 720w,
https://storage.dinaup.com/cdn/{guid}_05.jpg 1080w
"
sizes="(max-width: 600px) 300px, 720px"
alt="Producto"
>Iconos en interfaces
<!-- Avatar en tabla -->
<img src="https://storage.dinaup.com/cdn/{guid}_03.jpg" width="32" height="32">
<!-- Icono en menú -->
<img src="https://storage.dinaup.com/cdn/{guid}_02.jpg" width="48" height="48">Buenas prácticas
Pide el tamaño justo: usa el más pequeño que cubra el hueco donde va. Reserva el original para descarga o impresión.
- Listados con muchos elementos: Usa
_03(32px) o_02(100px) - Tarjetas y galerías: Usa
_01(300px) - Visualización en detalle: Usa
_04(720px) - Pantalla completa o alta calidad: Usa
_05(1080px) o el original - Descarga o impresión: Usa el original (sin sufijo)
Subir imágenes a la Galería Pública
Las imágenes se suben con el SDK en dos pasos: File_UploadBytesAsync sube el archivo y Annotation_PutAsync lo ancla al registro como anotación de tipo AnnotationTypeE.PublicGallery:
// Subir el archivo
var upload = await dinaupClient.File_UploadBytesAsync(imageBytes, "producto.jpg");
// Añadirlo a la galería pública del registro (sectionId y rowId son Guid)
var parametros = new AnotationParameters(sectionId, rowId, AnnotationTypeE.PublicGallery)
.WithText("Foto principal del producto")
.WithFile(upload.FileId);
await dinaupClient.Annotation_PutAsync(parametros);Las versiones se generan en la subida. Cualquiera de ellas se pide añadiendo su sufijo a la URL.