Esta documentación está en fase de desarrollo y puede contener errores.

CDN 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 a través de 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:

OrigenDescripción
Galería PúblicaImágenes subidas a la PublicGallery de cualquier registro (productos, servicios, etc.)
Iconos de SecciónIconos configurados para las secciones del sistema
Iconos de CampoIconos 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, etc.)

Tamaños disponibles

Dinaup genera varias versiones de cada imagen para optimizar la carga según el contexto de uso:

SufijoTamañoUso recomendado
(sin sufijo)OriginalMáxima calidad, descarga, impresión
_0432px altoIconos, avatares en listas, tablas
_02100px altoMiniaturas, previews, catálogos compactos
_03300px altoTarjetas de producto, galerías
_06720px altoVisualización en detalle, webs responsive
_051080px altoPantalla completa, alta calidad

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_04.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_03.jpg

# HD (720px)
https://storage.dinaup.com/cdn/6c535438-f09f-45d1-be28-dd538ed47b59_06.jpg

# Full HD (1080px)
https://storage.dinaup.com/cdn/6c535438-f09f-45d1-be28-dd538ed47b59_05.jpg

Casos 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 responsive

<img 
  src="https://storage.dinaup.com/cdn/{guid}_03.jpg"
  srcset="
    https://storage.dinaup.com/cdn/{guid}_02.jpg 100w,
    https://storage.dinaup.com/cdn/{guid}_03.jpg 300w,
    https://storage.dinaup.com/cdn/{guid}_06.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}_04.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

Optimiza la carga: Usa siempre el tamaño más pequeño que cumpla con tus necesidades. Reserva el original solo para descarga o impresión.

  • Listados con muchos elementos: Usa _04 (32px) o _02 (100px)
  • Tarjetas y galerías: Usa _03 (300px)
  • Visualización en detalle: Usa _06 (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 mediante el sistema de anotaciones de Dinaup usando el tipo PublicGallery:

// Subir archivo
var upload = await dinaupClient.File_UploadBytesAsync(
    dinaupClient.DefaultSession,
    imageBytes,
    "producto.jpg"
);

// Añadir a la galería pública de un registro
await dinaupClient.Annotation_PutAsync(
    dinaupClient.DefaultSession,
    sectionId,
    rowId.ToString(),
    upload.FileId,
    "Foto principal del producto",
    AnnotationTypeE.PublicGallery
);

Una vez subida la imagen, Dinaup genera todas las versiones de tamaño. Puedes acceder a cualquiera de ellas añadiendo el sufijo correspondiente a la URL.

FAQ

On this page