> For the complete documentation index, see [llms.txt](https://docs-it.coderblock.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-it.coderblock.com/coderblock-studio/builder-tool-guida-avanzata/ambiente-di-lavoro/strumenti-di-progettazione/asset-packs/componenti-grafiche.md).

# Componenti grafiche

Alcuni oggetti sono predisposti per essere personalizzati graficamente.

La diversa natura e forma di questi oggetti comporta una creazione precisa degli elementi grafici o fotografici che vorremo integrare, in quanto è necessario rispondere ad alcune specifiche di progettazione, onde evitare eventuali deformazioni.

Le regole di base sono soltanto tre:

* Tutte le componenti grafiche dovranno essere inscritte in un **formato quadrato**
* Le misure del quadrato dovranno sempre essere alla **potenza di 2**. I formati raccomandati in pixel sono **512x512** e **1024x1024**.
* Il file deve essere in formato **JPG** (suggerito), o **PNG** (se deve mostrare una trasparenza)

{% embed url="<https://airtable.com/appA7Wxlihl8Hiv7T/shrFcZ5kEnDXlxJ0B>" %}

{% hint style="info" %}
Indipendentemente dal software utilizzato per la produzione (Photoshop, Illustrator, Gimp, Canva, ecc.), si suggerisce di creare la grafica partendo dalle misure indicate nello schema, e di estendere in seguito il canvas al formato quadrato, aggiungendo spazio vuoto in verticale o in orizzontale a seconda dell'oggetto creato, senza eseguire uno stretch sull'immagine finale.
{% endhint %}

{% hint style="info" %}
Oggetti come "Logo plane" o "Sticker" non hanno una componente solida come cornice e nascono principalmente per conservare una trasparenza dove necessario. È raccomandato in tal caso l'utilizzo di file PNG.
{% endhint %}