Blog / Tutorial

Crea un PNG circolare con angoli trasparenti, calcola un ritaglio 4:5 e controlla ogni foto prima del download in blocco.

Scegli un logo trasparente, controlla foto chiare e scure, applica il posizionamento relativo e verifica le eccezioni prima di esportare uno ZIP.

Distingui errori di formato, peso e dimensioni; converti foto HEIC in blocco e controlla le copie scaricate prima di condividere.

Comprendi lo sviluppo RAW, distingui una copia renderizzata da una miniatura e scegli JPG o PNG senza eliminare il tuo DNG.

Confronta separatamente la correzione della contaminazione cromatica, la rimozione dei pixel tenui e la rifilatura, poi controlla il PNG su sfondi chiari e scuri.

Analizza una griglia misurata 4 × 3, distingui bordi e spazi tra tessere e conserva le posizioni dopo aver saltato o deduplicato le tessere.

Diagnostica le origini dei ritagli e l’ordine dei fotogrammi prima di cambiare gli FPS; conserva un ancoraggio significativo mantenendo il movimento intenzionale.

Perché i rettangoli di aggiornamento delle GIF possono lasciare scie, come ottenere fotogrammi PNG completi e quando conservare i ritardi originali dei fotogrammi anziché esportare solo una griglia.

Usa frame, spriteSourceSize e sourceSize di un’esportazione Aseprite corrispondente per ricostruire PNG allineati a dimensioni complete, anziché pose ritagliate che saltano.

Parti da pixel puliti, filtra i colori tenui dei bordi e trasforma conteggi esatti in gradazioni intenzionali di ombra, base e luce.

Crea l’ordine finale di lettura pagina per pagina, inserisci una pagina fotografata, rimuovi i fogli indesiderati e verifica il download prima di condividere.

Calcola celle uguali, controlla ordine e allineamento dei fotogrammi, scegli la velocità di riproduzione e comprendi cosa fa GIF a colori e trasparenza.

Instagram adatta la foto a uno dei pochi rapporti supportati e ritaglia il resto dal centro: per questo la parte superiore dello scatto continua a sparire. Questa guida tratta i rapporti che resistono, la trappola dei caroselli, le aree sicure delle Storie e perché caricare in 4K non offre vantaggi.

Rimozione basata sul colore, segmentazione con IA e selezione manuale risolvono problemi diversi. Scegliere quella sbagliata è il motivo per cui il soggetto ritagliato ha un alone o un buco. Questa guida spiega cosa fa davvero ogni metodo e come capire quale serve alla tua immagine.

HTTP/2 ha eliminato l’argomento del numero di richieste per cui furono inventati gli sprite CSS, quindi molte guide discutono un problema che non hai più. Questa tratta cosa giustifica davvero ancora uno sprite, i calcoli di background-position e background-size retina e quando uno sprite SVG è la risposta migliore.

Gli strumenti di generazione di immagini con IA raramente dispongono gli sprite su una griglia uniforme, quindi un semplice taglio per righe e colonne tronca teste e piedi. Questa guida spiega perché la spaziatura varia, come il rilevamento basato sul contenuto risolve il problema e come importare fotogrammi puliti in Unity o Godot.

Un post a griglia di nove tasselli trasforma un’immagine in un banner sul tuo profilo. Questa guida tratta il dimensionamento dell’immagine originale, il taglio in nove tasselli uguali e l’ordine inverso di caricamento che impedisce di ottenere una composizione scomposta.

Il sottile alone bianco intorno a un soggetto è quasi mai un difetto del ritaglio. Questa guida spiega dove i pixel antialias acquisiscono colore errato, quali formati conservano alfa e come eliminare bordi già incorporati.

Texture Type, Sprite Mode, Pixels Per Unit, Filter Mode e compressione hanno valori predefiniti inadatti al 2D. Questa guida spiega ogni impostazione, il ritaglio nello Sprite Editor e quando ritagliare prima è meglio dell’automatismo Unity.

Godot 4 legge un foglio di sprite in tre modi diversi: AnimatedSprite2D con SpriteFrames, regioni AtlasTexture e hframes/vframes su Sprite2D. Questa guida tratta quale usare, le impostazioni di filtro per pixel art e perché un foglio irregolare compromette tutti e tre.

La maggior parte dei fogli di sprite IA arriva con griglie variabili, sfondi incorporati ed etichette incomprensibili. Questa guida fornisce formulazioni specifiche per risolvere ogni problema, due prompt completi di esempio e il flusso dopo la generazione.

"Usa WebP per tutto" è sbagliato abbastanza spesso da avere conseguenze. Questa guida spiega come comprime ciascun formato, quali conservano un canale alfa e il caso comune in cui un WebP con perdita risulta più grande di un PNG con tavolozza.

Tre leve controllano il peso dei file: dimensioni, formato e impostazione di qualità. Questa guida le esamina in ordine di priorità, con punti ottimali di qualità, quantizzazione della palette, rimozione dei metadati e procedure per i comuni obiettivi di peso.

Il ridimensionamento standard impasta la pixel art perché mescola colori che non dovevano incontrarsi. Questa guida tratta il vicino più prossimo, perché serve un fattore intero e cosa fanno davvero rendering CSS pixelato, filtri puntuali e algoritmi hqx.

Gli atlanti riducono le chiamate di disegno inserendo molti sprite in una texture, ma affiancarli senza margini fa contaminare le giunzioni dai colori vicini. Questa guida tratta l’impacchettamento, i margini e l’estrusione, quando contano ancora le dimensioni potenze di due e come la rifilatura influenza i pivot.

Un’anteprima di link vuota dipende quasi sempre da una di poche cause specifiche: dimensioni errate, formato non supportato, URL relativo o cache obsoleta. Questa guida tratta lo standard 1200x630, il ritaglio nell’area sicura, perché WebP è la scelta sbagliata in questo caso e come forzare ogni piattaforma a rileggere la pagina.

Un set di tasselli è più difficile di un foglio di sprite perché le giunzioni devono combaciare quando i tasselli sono affiancati. Questa guida tratta la scelta delle dimensioni, la ricerca dello scostamento della griglia quando la grafica non inizia al pixel zero, la gestione delle contaminazioni senza spazi e l’importazione in Unity o Godot.

Numero di fotogrammi e velocità di riproduzione sono decisioni separate; confonderle rende le animazioni lente oppure costose da disegnare. Questa guida tratta come appaiono davvero 8, 12 e 24fps, frequenze per tipo di azione, fotogrammi prolungati e come mantenere gli fps dell’animazione indipendenti da quelli del gioco.

Le favicon sono rimaste complicate molto dopo l’evoluzione del resto del web e la maggior parte delle guide elenca molti più file del necessario. Questa guida tratta il set minimo reale, ciò che ogni piattaforma richiede davvero, site.webmanifest, la progettazione di un marchio leggibile a 16 pixel e come superare la cache.

Chiedi a un modello lo stesso personaggio due volte e l’armatura cambia colore, compare il mantello e cambiano le proporzioni. Questa guida tratta cosa fa il blocco del seed e quando smette di aiutare, come fissare colori e materiali nel prompt, la generazione da immagine a immagine con un riferimento e la correzione successiva delle variazioni.