La Media Library archivia asset come immagini e video. I diversi prodotti hanno limitazioni diverse sui file che possono essere utilizzati al loro interno.

INDICE DEI CONTENUTI

Cos'è un File e Perché una Media Library?

I file sono insiemi di dati formattati in modo specifico e con una determinata estensione (es: .png, .pdf, .txt). Ogni prodotto che può utilizzare un file ha un limite sui tipi di file che sa leggere e sulla dimensione dei file che può elaborare.

Un costruttore di pagine web potrebbe saper usare un file .png ma non un .svg, e potrebbe riuscire a elaborare un file da 1MB ma non uno da 1GB. L'estensione del file è solitamente facile da vedere, ma la dimensione del file a volte è meno immediata.

Inoltre, anche se il prodotto può incorporare il file, potrebbero esserci ragioni di design per limitare le dimensioni di visualizzazione del file. Ad esempio, un logo visualizzato a 50px per 200px si adatta bene a un'intestazione, ma un logo visualizzato a 500px per 500px è decisamente troppo grande.

In aggiunta, la risoluzione nativa del file potrebbe non adattarsi bene alle dimensioni di visualizzazione: se il file è solo 16px per 16px (un'icona) e la pagina web cerca di visualizzarlo a 500px per 500px, apparirà molto pixelato, non nitido. A meno che non sia un .svg, nel qual caso non ha una risoluzione nativa (perché è disegnato con la matematica invece che con i pixel) e può quindi essere visualizzato a qualsiasi dimensione.

Come se non bastasse, quando un file viene visualizzato le sue dimensioni potrebbero non adattarsi perfettamente all'area in cui è inserito. In questo caso esistono opzioni di stile per allinearlo a sinistra, a destra o al centro, e impostazioni per gestire lo spazio bianco come allungarlo, affiancarlo, ritagliarlo, ecc. Queste non fanno parte del file stesso, sono impostazioni di stile che modificano come il file viene visualizzato, ma dettagli diversi del file funzionano meglio con opzioni di visualizzazione diverse.

È per questo che HITLEAD ha una Media Library: una volta che inizi a gestire gli asset di file, devi fare i conti con una quantità significativa di complessità.

Dettagli della Media Library

Accedi alla Media Library e visualizza l'anteprima dei file navigando su Media Storage > Folder/File.

  • Filename: È la stringa che identifica il file. Deve essere diversa da tutti gli altri nomi di file.

  • File Extension: È la stringa più breve alla fine del nome del file (es: .png). Identifica come i dati sono codificati in modo che i prodotti possano leggere il file.

  • Publication Date: La data in cui il file è stato aggiunto alla Media Library.

  • File Size: È la quantità di memoria occupata dal file. Vedrai spesso kb (kilobyte), mb (megabyte) e gb (gigabyte). Ognuno è mille volte (1.000x) più grande del precedente.

  • Dimensions: È il numero di pixel in altezza e larghezza del file nella sua dimensione nativa. Ti indica quanto spazio occuperà il file sullo schermo se non lo comprimi o allarghi.

Schermata 1 — Archiviazione Media e Limiti di Upload File

Limiti di File per Prodotto

I file possono essere caricati tramite i Form creando un Custom Value di tipo File Upload.

Tipo di FileMedia LibrarySocial PlannerSites & FunnelCoursesCV File Upload
Immagini
PNG (.png)100MB10MB100MB50MB50MB
JPEG (.jpg, .jpeg, .jfif, .pjpeg, .pjp)100MB10MB100MB50MB50MB
GIF (.gif)100MB10MB100MB50MB50MB
TIFF (.tif, .tiff, x-tiff)100MB10MB100MB50MB50MB
WEBP (.webp)100MB10MB100MB50MB50MB
SVG (.svg)100MB10MB100MB50MB50MB
ICON (.ico, .cur, x-icon)100MB10MB100MB50MB50MB
Video
AVI (.avi, x-troff-msvideo)4GB1GB4GB5GB50MB
QuickTime (.qt, .qtc, .mov, .moov, .moov)4GB1GB4GB5GB50MB
MP4 (.mp4)4GB1GB4GB5GB50MB
MPEG (.mpg)4GB1GB4GB5GB50MB
Ogg Video (.ogv)4GB1GB4GB5GB50MB
Windows Media (.wmv, .asf)4GB1GB4GB5GB50MB
WebM (.webm)4GB1GB4GB5GB50MB
Audio
AIF (.aif, .aiff, .aifc)100MB100MB100MB50MB50MB
MIDI (.midi, .mid)100MB100MB100MB50MB50MB
Windows Audio (.wav)100MB100MB100MB50MB50MB
Ogg Audio (.oga)100MB100MB100MB50MB50MB
WebM Audio (.weba)100MB100MB100MB50MB50MB
MPEG (.mpeg)100MB100MB100MB50MB50MB
m4a (.m4a)100MB100MB100MB50MB50MB
Applicazione
PDF (.pdf)100MB100MB100MB50MB50MB
Word (.doc, .docx, ms-doc, msword, vnd.openxmlformats-officedocument.wordprocessingml.document)100MB100MB100MB50MB50MB
Excel (excel, .xls, xlsx, .xlsm, vnd.ms-excel, x-excel, x-msexcel, vnd.openxmlformats-officedocument.spreadsheetml.sheet)100MB100MB100MB50MB50MB
PowerPoint (.ppt, .pptx, .pptm, mspowerpoint, powerpoint, vnd.ms-powerpoint, x-mspowerpoint, vnd.ms-powerpoint, vnd.openxmlformats-officedocument.presentationml.presentation)100MB100MB100MB50MB50MB
Apple Numbers (x-iwork-numbers-sffnumbers)100MB100MB100MB50MB50MB
Google Sheet (vnd.google-apps.spreadsheet)100MB100MB100MB50MB50MB
Google Doc (vnd.google-apps.document)100MB100MB100MB50MB50MB
Google Slides (vnd.google-apps.presentation)100MB100MB100MB50MB50MB
Text (.rtf, .txt)100MB100MB100MB50MB50MB
ZIP (.zip, x-zip, z-zip-compressed, x-compress, x-compressed)100MB100MB100MB50MB50MB
CSV (.csv)100MB100MB100MB50MB50MB
Font
TrueType TTF (.ttf)100MB100MB100MB50MB50MB
OpenType OTF (.otf)100MB100MB100MB50MB50MB
Web Open Font Format WOFF, WOFF2 (.woff)100MB100MB100MB50MB50MB
Contatto
vCard (.vcf)100MB100MB100MB50MB50MB

Formati Supportati e Compatibilità Browser

Tutti i formati elencati di seguito sono stati verificati end-to-end (validazione, upload, elenco e anteprima) su Chrome, Firefox e Safari.

CategoriaFormatiBrowser (verificati)
ImmaginiJPEG/JPG, PNG, SVG, WEBP, GIF, TIFF, HEICChrome, Firefox, Safari
AudioMP3, WAV, OGG/OGAChrome, Firefox, Safari
VideoMP4, MOV, WEBM, WMV, AVI, M4VChrome, Firefox, Safari
DocumentiPDF, PPT, TXT, DOC, DOCX, CSV, XLS, XLSXChrome, Firefox, Safari
ArchiviZIPChrome, Firefox, Safari
Codice/AltroJSON, CSSChrome, Firefox, Safari

Comportamento dell'Anteprima

La maggior parte dei formati supporta la miniatura/anteprima inline dove applicabile. Alcuni formati potrebbero essere visualizzati come file scaricabile in base alle funzionalità del browser e alle impostazioni del sistema operativo. (Da confermare: eventuali limitazioni di anteprima specifiche per formato, es. dettagli miniatura HEIC.)

Novità in questo aggiornamento: supporto verificato per JSON, CSS, OGG/OGA, M4V, HEIC e gestione coerente dei file ZIP tra i browser.