{"id":54617,"date":"2019-12-30T00:00:00","date_gmt":"2019-12-29T21:00:00","guid":{"rendered":"https:\/\/prohoster.info\/blog\/blog_prohoster\/piksel-art-dlya-nachinayushhih-instruktsiya-po-primeneniyu"},"modified":"2020-02-18T14:02:39","modified_gmt":"2020-02-18T11:02:39","slug":"piksel-art-dlya-nachinayushhih-instruktsiya-po-primeneniyu","status":"publish","type":"post","link":"https:\/\/prohoster.info\/it\/blog\/novosti-interneta\/piksel-art-dlya-nachinayushhih-instruktsiya-po-primeneniyu","title":{"rendered":"Pixel art per principianti: guida all'uso","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Pixel
\n
\nGli sviluppatori indie spesso devono ricoprire pi\u00f9 ruoli: game designer, programmatori, compositori, artisti. E quando si tratta di visual design, molti optano per il pixel art, che all'apparenza sembra semplice. Ma per realizzare qualcosa di bello servono molta esperienza e abilit\u00e0 specifiche. Ho trovato un tutorial per chi ha appena iniziato a esplorare le basi di questo stile: con descrizioni di software specializzati e tecniche di disegno tramite l'esempio di due sprite.<\/a><\/noindex><\/p>\n

Sfondo<\/h2>\n

\nIl pixel art \u00e8 una forma d'arte digitale in cui le modifiche vengono effettuate a livello di pixel. \u00c8 principalmente associato alla grafica dei videogiochi degli anni '80 e '90. All'epoca, gli artisti dovevano tenere conto delle limitazioni in termini di memoria e bassa risoluzione. Oggi, il pixel art \u00e8 ancora popolare nei giochi e come stile artistico in generale, nonostante la possibilit\u00e0 di creare grafica 3D realistica. Perch\u00e9? Anche al di l\u00e0 della nostalgia, realizzare un'opera straordinaria all'interno di tali rigide limitazioni rappresenta una sfida gradita e significativa.<\/p>\n

La barriera all'ingresso nel pixel art \u00e8 relativamente bassa rispetto all'arte tradizionale e alla grafica 3D, il che attrae sviluppatori indie. Ma questo non significa affatto che sar\u00e0 facile finire<\/b> un gioco in questo stile. Ho visto molti sviluppatori indie con metroidvania in pixel art su piattaforme di crowdfunding. Pensavano di completarlo in un anno, ma in realt\u00e0 ci volevano ancora sei anni. <\/p>\n

\"Pixel
\nMetal Slug 3 (Arcade). SNK, 2000<\/i><\/p>\n

Il pixel art a quel livello, che la maggior parte desidera creare, richiede molto tempo, e ci sono poche guide brevi. Lavorando con un modello 3D, puoi ruotarlo, deformarlo, muovere parti singole, copiare animazioni da un modello all'altro e cos\u00ec via. Il pixel art di alto livello richiede sempre una grande quantit\u00e0 di sforzo per il posizionamento meticoloso dei pixel in ogni fotogramma.<\/p>\n

In generale, ho avvisato.<\/p>\n

Ora parliamo un po' del mio stile: principalmente disegno pixel art per videogiochi e trovo ispirazione in essi. In particolare, sono un fan di Famicom\/NES, console a 16 bit e arcade degli anni '90. La pixel art dei miei giochi preferiti di quel periodo pu\u00f2 essere descritta come vivace, sicura e pulita (ma non troppo), non \u00e8 dura e minimali. In questo stile lavoro io stesso, ma puoi facilmente applicare idee e tecniche di questo tutorial per creare cose completamente diverse. Esplora i lavori di diversi artisti e crea pixel art che piace a te!<\/p>\n

Software<\/h2>\n

\n\"Pixel
\n
\nGli strumenti digitali di base per il pixel art sono Zoom e Matita, per posizionare i pixel. Ti saranno utili anche Linea, Figura, Seleziona, Sposta e Secchiello. Ci sono molti software gratuiti e a pagamento con questo set di strumenti. Parler\u00f2 dei pi\u00f9 popolari e di quelli che uso personalmente.<\/p>\n

Paint (gratuito)<\/h3>\n

\nSe hai Windows, Paint integrato \u00e8 un programma semplice, ma ha tutti gli strumenti necessari per il pixel art.<\/p>\n

Piskel<\/a><\/noindex> (gratuito)<\/h3>\n

\nUn editor di pixel art sorprendentemente funzionale, che si avvia tramite browser. Puoi esportare il tuo lavoro in PNG o GIF animati. Un'ottima scelta per i principianti.<\/p>\n

GraphigsGale<\/a><\/noindex> (gratuito)<\/h3>\n

\nGraphicsGale \u00e8 l'unico editor di cui ho sentito parlare, progettato specificamente per il pixel art e dotato di strumenti di animazione. \u00c8 stato creato dalla compagnia giapponese HUMANBALANCE. Dal 2017 \u00e8 disponibile gratuitamente e continua a essere molto richiesto, nonostante la crescente popolarit\u00e0 di Aseprite. Sfortunatamente, funziona solo su Windows.<\/p>\n

Aseprite<\/a><\/noindex> ($)<\/h3>\n

\nProbabilmente il pi\u00f9 popolare editor al momento. Codice sorgente aperto<\/a><\/noindex>, molte funzionalit\u00e0, supporto attivo, versioni per Windows, Mac e Linux. Se ti stai seriamente dedicando al pixel art e non hai ancora trovato l'editor giusto, potrebbe essere proprio quello di cui hai bisogno.<\/p>\n

GameMaker Studio 2<\/a><\/noindex> ($$+)<\/h3>\n

\nGameMaker Studio 2 \u00e8 un ottimo strumento 2D con un buon editor di sprite. Se vuoi creare pixel art per i tuoi giochi, \u00e8 molto comodo fare tutto in un'unica programma. Attualmente sto utilizzando questo software per lavorare su UFO 50<\/a><\/noindex>, una collezione di 50 giochi retro: creo sprite e animazioni in GameMaker e tile set in Photoshop.<\/p>\n

Photoshop<\/a><\/noindex> ($$$+)<\/h3>\n

\nPhotoshop \u00e8 un software costoso, disponibile in abbonamento, non progettato per il pixel art. Non lo consiglio se non ti occupi di illustrazioni ad alta risoluzione o se non hai bisogno di fare manipolazioni complesse delle immagini, come nel mio caso. Puoi creare sprite statici e lavori in pixel, ma \u00e8 piuttosto complesso rispetto a software specializzati come GraphicsGale o Aseprite.<\/p>\n

Altro<\/h2>\n

\n\"Pixel
\nIl mio set per il pixel art. Tutto nero, l'ho notato solo ora.<\/i><\/p>\n

Tavoletta grafica ($$+)<\/h3>\n

\nRaccomando le tavolette grafiche per qualsiasi lavoro con illustrazioni digitali, per prevenire la sindrome del tunnel carpale. \u00c8 molto pi\u00f9 semplice prevenirla che curarla. Una volta che senti dolore, non far\u00e0 altro che aumentare \u2014 abbi cura di te fin dall'inizio. A causa del fatto che una volta disegnavo con il mouse, ora mi risulta difficile giocare a giochi in cui devo premere i tasti. Adesso uso una Wacom Intuos Pro S.<\/p>\n

Supporto per il polso ($)<\/h3>\n

\nSe non puoi acquistare un tablet, comprati almeno un supporto per il polso. A me piace di pi\u00f9 il supporto per il polso Mueller Green Fitted. Gli altri sono o troppo stretti o offrono supporto insufficiente. I supporti possono essere ordinati facilmente online.<\/p>\n

96\u00d796 pixel<\/h2>\n

\n\"Pixel
\nFinal Fight. Capcom, 1989<\/i><\/p>\n

Iniziamo! Cominciamo con lo sprite del personaggio 96\u00d796 pixel. Per esempio, ho disegnato un orco e l'ho posizionato su uno screenshot di Final Fight (immagine sopra), per darvi un'idea della scala. Questo \u00e8 grande<\/b> uno sprite per la maggior parte dei giochi retro, dimensione dello screenshot: 384\u00d7224 pixel.<\/p>\n

Con uno sprite cos\u00ec grande, sar\u00e0 pi\u00f9 facile mostrare la tecnica di cui voglio parlare. Inoltre, il disegno pixel per pixel somiglia di pi\u00f9 alle forme tradizionali dell'arte (come il disegno o la pittura), che potresti conoscere meglio. Una volta apprese le tecniche di base, passeremo a sprite pi\u00f9 piccoli.<\/p>\n

1. Scegliamo la palette<\/h2>\n

\n\"Pixel
\n
\nIl pixel \u00e8 un concetto molto pi\u00f9 profondo nell'arte pixel rispetto ad altri ambiti digitali. L'arte pixel \u00e8 definita dai suoi limiti, come i colori. \u00c8 importante scegliere bene la palette, in quanto aiuta a definire il tuo stile. Ma all'inizio ti consiglio di non pensare troppo alle palette e di scegliere una di quelle esistenti (o semplicemente alcuni colori casuali) \u2014 potrai cambiarla facilmente in qualsiasi momento.<\/p>\n

Per questo tutorial utilizzer\u00f2 una palette di 32 colori che abbiamo creato per UFO 50<\/a><\/noindex>. Per l'arte pixel, spesso ne vengono raccolte da 32 o 16 colori. La nostra \u00e8 stata sviluppata per una console immaginaria che potrebbe apparire tra Famicom e PC Engine. Puoi prendere questa o qualsiasi altra \u2014 il tutorial non dipende affatto dalla palette scelta.<\/p>\n

2. Contorni grossolani<\/h2>\n

\n\"Pixel
\n
\nIniziamo a disegnare con lo strumento Matita. Creiamo uno schizzo proprio come faremmo con una normale penna e carta. Certo, il pixel art e l'arte tradizionale si incrociano, specialmente quando si tratta di sprite cos\u00ec grandi. Le mie osservazioni mostrano che i bravi artisti del pixel art sanno disegnare almeno decentemente a mano e viceversa. Quindi, sviluppare le abilit\u00e0 di disegno \u00e8 sempre utile.<\/p>\n

3. Lavorazione dei contorni<\/h2>\n

\n\"Pixel
\n
\nRaffiniamo i contorni: rimuoviamo i pixel in eccesso e riduciamo lo spessore di ogni linea a un pixel. Ma cosa consideriamo esattamente in eccesso? Per rispondere a questa domanda, dobbiamo capire le linee pixelate e le irregolarit\u00e0.<\/p>\n

Irregolarit\u00e0<\/h3>\n

\nDobbiamo imparare a disegnare due linee di base nel pixel art: linee rette e curve. Con penna e carta si tratta di controllo muscolare, ma noi lavoriamo con piccoli blocchi colorati.<\/p>\n

La chiave per disegnare linee pixelate corrette sono le irregolarit\u00e0. Si tratta di singoli pixel o piccoli segmenti che compromettono la levigatezza della linea. Come ho gi\u00e0 detto, un singolo pixel ha un'enorme importanza nell'arte pixel, quindi le irregolarit\u00e0 possono rovinare tutta l'estetica. Immaginate di tracciare una linea retta su carta e improvvisamente qualcuno colpisce il tavolo: le irregolarit\u00e0 nell'arte pixel appaiono proprio come una scarabocchiatura casuale.<\/p>\n

Esempi:<\/p>\n

\"Pixel
\nLinee rette<\/i><\/p>\n

\"Pixel
\nCurve<\/i><\/p>\n

Le irregolarit\u00e0 appaiono sulle curve quando la lunghezza dei segmenti della linea aumenta o diminuisce in modo non graduale.<\/p>\n

Evitare completamente le irregolarit\u00e0 \u00e8 impossibile: ci sono in tutti i vostri giochi retro preferiti (a meno che, ovviamente, l'arte pixel non consista esclusivamente in forme semplici). L'obiettivo \u00e8 ridurre al minimo le irregolarit\u00e0 mostrando al contempo tutto il necessario.<\/p>\n

4. Applichiamo i primi colori<\/h2>\n

\n\"Pixel
\n
\nColora il tuo personaggio usando un riempimento o un altro strumento adatto. La palette render\u00e0 questa parte del lavoro pi\u00f9 semplice. Se il software non prevede l'uso di palette, puoi inserirla direttamente nell'immagine, come nell'esempio sopra, e scegliere i colori con un contagocce.<\/p>\n

Nell'angolo in basso a sinistra ho disegnato il nostro amico, ecco a voi \u2014 Shar. Con lui sar\u00e0 pi\u00f9 facile capire cosa sta accadendo in ogni fase.<\/p>\n

5. Ombreggiatura<\/h2>\n

\n\"Pixel
\n
\n\u00c8 tempo di aggiungere ombre \u2014 basta inserire colori pi\u00f9 scuri nello sprite. Cos\u00ec l'immagine avr\u00e0 un aspetto tridimensionale. Supponiamo di avere una sorgente di luce posizionata sopra l'orco, a sinistra. Quindi, sar\u00e0 illuminato tutto ci\u00f2 che si trova sopra e davanti al nostro personaggio. Aggiungiamo ombre in basso a destra.<\/p>\n

Forma e volume<\/h3>\n

\n\"Pixel
\n
\nSe questa fase ti causa difficolt\u00e0, immagina il tuo disegno come forme tridimensionali, non solo linee e colori. Le forme esistono nello spazio tridimensionale e possono avere volume, che costruiamo attraverso le ombre. Questo aiuter\u00e0 a visualizzare il personaggio senza dettagli e a pensare che sia fatto di argilla, non di pixel. L'ombreggiatura non \u00e8 solo l'aggiunta di nuovi colori, \u00e8 un processo di costruzione della forma. In un personaggio ben realizzato, i dettagli non nascondono le forme di base: se strizzi gli occhi, vedrai diversi grandi gruppi di luce e ombra. <\/p>\n

Antialiasing<\/h3>\n

\nOgni volta che utilizzo un nuovo colore, applico l'anti-aliasing (AA). Questo aiuta a levigare i pixel aggiungendo colori intermedi agli angoli, nei punti di contatto tra i due segmenti della linea.<\/p>\n

\"Pixel
\n
\nI pixel grigi attenuano i \"salti\" nella linea. Pi\u00f9 lungo \u00e8 il segmento della linea, pi\u00f9 lungo sar\u00e0 il segmento AA.<\/p>\n

\"Pixel
\nQuesto \u00e8 come appare l'AA sul braccio di un orco. \u00c8 necessario per ammorbidire le linee che mostrano le curvature dei suoi muscoli.<\/i><\/p>\n

L'anti-aliasing non deve superare i limiti dello sprite che verr\u00e0 utilizzato nel gioco o su uno sfondo il cui colore \u00e8 sconosciuto. Ad esempio, se applichi l'AA su uno sfondo chiaro, su uno sfondo scuro l'anti-aliasing apparir\u00e0 poco gradevole.<\/p>\n

6. Contorno selettivo<\/h2>\n

\n\"Pixel
\n
\nIn passato, i contorni erano completamente neri, il che rendeva lo sprite molto cartoonesco. L'immagine sembrava essere divisa in segmenti. Ad esempio, le linee nere sul braccio evidenziano troppo il muscolo, e il personaggio appare meno coerente.<\/p>\n

Se lo sprite diventa pi\u00f9 naturale e la segmentazione non \u00e8 cos\u00ec evidente, le forme di base del personaggio saranno pi\u00f9 facili da leggere. Per fare ci\u00f2, puoi utilizzare un contorno selettivo: sostituire parzialmente il contorno nero con uno pi\u00f9 chiaro. Nella parte illuminata dello sprite, puoi utilizzare i colori pi\u00f9 chiari o, dove lo sprite tocca lo spazio negativo, puoi eliminare completamente il contorno. Invece del nero, dovresti utilizzare il colore scelto per l'ombra, in modo da mantenere la segmentazione (per distinguere muscoli, pelliccia e cos\u00ec via).<\/p>\n

Inoltre, a questo punto ho aggiunto ombre pi\u00f9 scure. Ci sono tre gradazioni di verde sulla pelle dell'orco. Il colore verde pi\u00f9 scuro pu\u00f2 essere usato per il contorno selettivo e per l'AA.<\/p>\n

7. Ritocchi finali<\/h2>\n

\n\"Pixel
\n
\nAlla fine, \u00e8 bene aggiungere riflessi (i punti pi\u00f9 luminosi sullo sprite), dettagli (orecchini, bulloni, cicatrici) e altri miglioramenti, fino a quando il personaggio non \u00e8 pronto o fino a quando non si deve passare al successivo.<\/p>\n

Ci sono diverse tecniche utili che puoi applicare in questa fase. Ruota l'immagine orizzontalmente, spesso aiuta a individuare errori nelle proporzioni e nell'ombreggiatura. Puoi anche rimuovere il colore \u2014 impostando la saturazione a zero, per comprendere dove modificare le ombre.<\/p>\n

Creazione di rumori (dithering)<\/h3>\n

\nFinora abbiamo principalmente utilizzato grandi aree di ombre solide. Tuttavia, esiste un'altra tecnica \u2014 il dithering, che permette di passare da un colore all'altro senza aggiungere un terzo colore. Guarda l'esempio qui sotto.<\/p>\n

\"Pixel
\n
\nIl gradiente superiore va dal scuro al chiaro utilizzando centinaia di diverse sfumature di blu. <\/p>\n

Il gradiente medio utilizza solo nove colori, ma ha ancora troppe sfumature di un solo colore. Si verifica quello che viene chiamato banding, dove a causa di strisce omogenee spesse, l'occhio si concentra sui punti di contatto dei colori, piuttosto che sui colori stessi.<\/p>\n

Nella gradientazione inferiore abbiamo applicato il dithering, che evita il banding e utilizza solo due colori. Creiamo rumore di diversa intensit\u00e0 per imitare la gradazione del colore. Questa tecnica \u00e8 molto simile al halftone, impiegato nella stampa, e anche allo stippling, usato nelle illustrazioni e nei fumetti.<\/p>\n

Nel modello dell'orco ho utilizzato il dithering solo un po' per trasmettere la texture. Alcuni artisti pixel non lo utilizzano affatto, mentre altri non esitano e lo fanno in modo molto abile. Penso che il dithering si veda meglio su ampie aree riempite di un solo colore (dai un'occhiata al cielo nello screenshot di Metal Slug che \u00e8 stato mostrato sopra) o su quelle zone che devono apparire ruvide e irregolari (come il fango). Decidi tu come utilizzarlo.<\/p>\n

Se vuoi vedere un esempio di dithering su larga scala e di alta qualit\u00e0, studia i giochi di The Bitmap Brothers, uno studio britannico degli anni '80, o i giochi per PC-98. Tieni presente che sono tutti NSFW.<\/p>\n

\"Pixel
\nKakyusei (PC-98). Elf, 1996
\nQuesta immagine ha solo 16 colori!<\/i><\/p>\n

8. Ultima occhiata<\/h2>\n

\n\"Pixel
\n
\nUno dei pericoli dell'arte pixel \u00e8 che sembra facile e semplice (a causa della sua struttura e delle limitazioni stilistiche). Ma alla fine spenderai un'enorme quantit\u00e0 di tempo a perfezionare i tuoi sprite. \u00c8 come un rompicapo da risolvere \u2014 ed \u00e8 per questo che l'arte pixel attrae i perfezionisti. Ricorda che uno sprite non dovrebbe richiedere troppo tempo \u2014 \u00e8 solo un piccolo pezzo di un insieme estremamente complesso di pezzi. \u00c8 importante non perdere di vista il quadro generale.<\/p>\n

Anche se la tua arte pixel non \u00e8 per i giochi, a volte vale la pena dirsi: \"Va gi\u00e0 bene cos\u00ec!\" E andare avanti. Il modo migliore per sviluppare le proprie abilit\u00e0 \u00e8 completare il processo intero il pi\u00f9 possibile, dall'inizio alla fine, utilizzando quante pi\u00f9 tematiche possibile. <\/p>\n

E a volte \u00e8 utile distogliere lo sguardo dallo sprite per poi rivederlo con occhi freschi. <\/p>\n

32\u00d732 pixel<\/h2>\n

\n\"Pixel
\n
\nAbbiamo creato un grande sprite di 96\u00d796 pixel per primo, perch\u00e9 a questa dimensione somiglia di pi\u00f9 a dipingere o a un'opera d'arte, ma solo con i pixel. Pi\u00f9 piccolo \u00e8 lo sprite, meno assomiglia a quello che dovrebbe rappresentare e pi\u00f9 ogni pixel diventa importante.<\/p>\n

\"Pixel
\n
\nIn Super Mario Bros., Mario's eye is just two pixels stacked on top of each other. The same goes for his ear. The character's creator, Shigeru Miyamoto, stated that the mustache was needed to separate the nose from the rest of the face. Therefore, one of Mario's defining facial features is not just a character design, but a pragmatic trick. This confirms the old wisdom that necessity is the mother of invention.<\/p>\n

The main stages of creating a 32\u00d732 pixel sprite are already familiar to us: sketch, color, shadows, and further refinement. However, in such circumstances, I choose colored shapes as an initial sketch instead of outlining due to the small size. Color plays a more significant role in defining the character than outlines do. Look at Mario again; he doesn't have any outlines at all. It's not just the mustache that's interesting. His sideburns define the shape of his ears, the sleeves indicate his arms, and the overall shape clearly reflects his entire body.<\/p>\n

Creare piccoli sprite richiede continui compromessi. Se aggiungi un contorno, potresti perdere spazio per l'ombra. Se il tuo personaggio ha mani e piedi ben definiti, la testa probabilmente non dovrebbe essere troppo grande. Se utilizzi efficacemente il colore, un contorno selettivo e l'anti-aliasing, l'oggetto disegnato sembrer\u00e0 pi\u00f9 grande di quanto non sia in realt\u00e0.<\/p>\n

Per i piccoli sprite mi piace lo stile chibi: i personaggi sembrano molto carini, con teste e occhi grandi. \u00c8 un ottimo modo per creare un eroe vivace in uno spazio limitato e, in generale, \u00e8 uno stile molto gradevole. Ma, se hai bisogno di mostrare la mobilit\u00e0 o la forza del personaggio, puoi dedicare meno spazio alla testa per far apparire il corpo pi\u00f9 potente. Tutto dipende dalle tue preferenze e dai tuoi obiettivi.<\/p>\n

\"Pixel
\nTutta la squadra \u00e8 qui!<\/i><\/p>\n

Formati dei file<\/h2>\n

\n\"Pixel
\nUn risultato del genere pu\u00f2 mettere in ansia qualsiasi pixel artist.<\/i><\/p>\n

L'immagine che vedi \u00e8 il risultato del salvataggio di un disegno in JPG. Parte dei dati si \u00e8 persa a causa degli algoritmi di compressione del file. L'arte pixel di qualit\u00e0 finir\u00e0 per apparire male e sar\u00e0 difficile riportarla alla sua palette originale.<\/p>\n

Per salvare un'immagine statica senza perdita di qualit\u00e0, utilizza il formato PNG. Per le animazioni, utilizza GIF.<\/p>\n

Come condividere correttamente l'arte pixel<\/h2>\n

\nLa condivisione dell'arte pixel sui social network \u00e8 un ottimo modo per ricevere feedback e conoscere altri artisti che lavorano nello stesso stile. Non dimenticare di usare l'hashtag #pixelart. Purtroppo, i social network spesso convertono PNG in JPG senza chiedere, rovinando il tuo lavoro. Non \u00e8 sempre chiaro perch\u00e9 la tua immagine sia stata convertita.<\/p>\n

Ci sono alcuni consigli su come mantenere l'arte pixel nella qualit\u00e0 giusta per diversi social network.<\/p>\n

Twitter<\/h3>\n

\nAffinch\u00e9 il file PNG non venga modificato su Twitter, usa meno di 256 colori oppure assicurati<\/a><\/noindex>, che il tuo file sia inferiore a 900 pixel sul lato lungo. Ti consiglio di aumentare la dimensione del file almeno a 512\u00d7512 pixel. Inoltre, assicurati che il ridimensionamento sia un multiplo di 100 (200%, non 250%) e che gli angoli netti siano mantenuti (Nearest Neighbor in Photoshop).<\/p>\n

GIF animati per post su Twitter devono<\/a><\/noindex> pesare al massimo 15 MB. L'immagine deve avere almeno 800\u00d7800 pixel, l'animazione ciclica deve ripetersi tre volte e l'ultimo fotogramma deve durare met\u00e0 tempo rispetto agli altri: questa \u00e8 la teoria pi\u00f9 comune. Tuttavia, non \u00e8 chiaro quanto sia necessario rispettare questi requisiti, dato che Twitter modifica continuamente i propri algoritmi di visualizzazione delle immagini.<\/p>\n

Instagram<\/h3>\n

\nPer quanto ne so, non \u00e8 possibile pubblicare un'immagine su Instagram senza perdita di qualit\u00e0. Ma sar\u00e0 sicuramente un aspetto migliore se la si aumenta almeno a 512x512 pixel.
\n
Fonte: habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"

\u0418\u043d\u0434\u0438-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c \u043d\u0435\u0440\u0435\u0434\u043a\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0441\u043e\u0432\u043c\u0435\u0449\u0430\u0442\u044c \u0441\u0440\u0430\u0437\u0443 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u043e\u043b\u0435\u0439: \u0433\u0435\u0439\u043c\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430, \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u0430, \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0430, \u0445\u0443\u0434\u043e\u0436\u043d\u0438\u043a\u0430. \u0418, \u043a\u043e\u0433\u0434\u0430 \u0434\u0435\u043b\u043e \u0434\u043e\u0445\u043e\u0434\u0438\u0442 \u0434\u043e \u0432\u0438\u0437\u0443\u0430\u043b\u0430, \u043c\u043d\u043e\u0433\u0438\u0435 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u043f\u0438\u043a\u0441\u0435\u043b\u044c-\u0430\u0440\u0442 \u2014 \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u043e\u043d \u043a\u0430\u0436\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0441\u0442\u044b\u043c. \u041d\u043e \u0447\u0442\u043e\u0431\u044b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u043e, \u043d\u0443\u0436\u043d\u043e \u043c\u043d\u043e\u0433\u043e \u043e\u043f\u044b\u0442\u0430 \u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u043d\u0430\u0432\u044b\u043a\u0438. \u041d\u0430\u0448\u0435\u043b \u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b \u0434\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0447\u0430\u043b \u043f\u043e\u0441\u0442\u0438\u0433\u0430\u0442\u044c \u043e\u0441\u043d\u043e\u0432\u044b \u044d\u0442\u043e\u0433\u043e \u0441\u0442\u0438\u043b\u044f: \u0441 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043e\u0444\u0442\u0430 \u0438 \u0442\u0435\u0445\u043d\u0438\u043a \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f […]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-54617","post","type-post","status-publish","format-standard","hentry","category-novosti-interneta"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n","aioseo_head_json":{"title":"\ud83e\udd47Pixel art per principianti: guida all'uso | ProHoster","description":"Spesso gli sviluppatori indie devono ricoprire diversi ruoli: game designer, programmatore, compositore, artista. E, quando si tratta di visivi, molti scelgono il pixel art: a prima vista sembra semplice. Ma per farlo bene \u00e8 necessaria molta esperienza e abilit\u00e0 specifiche. Ho trovato un tutorial per chi ha appena iniziato a scoprire le basi di questo stile: con una descrizione della software specifico e delle tecniche di disegno.","canonical_url":"https:\/\/prohoster.info\/it\/blog\/novosti-interneta\/piksel-art-dlya-nachinayushhih-instruktsiya-po-primeneniyu","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"it_IT","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u041f\u0438\u043a\u0441\u0435\u043b\u044c-\u0430\u0440\u0442 \u0434\u043b\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0445: \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f \u043f\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044e | ProHoster","og:description":"\u0418\u043d\u0434\u0438-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c \u043d\u0435\u0440\u0435\u0434\u043a\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0441\u043e\u0432\u043c\u0435\u0449\u0430\u0442\u044c \u0441\u0440\u0430\u0437\u0443 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u043e\u043b\u0435\u0439: \u0433\u0435\u0439\u043c\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430, \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u0430, \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0430, \u0445\u0443\u0434\u043e\u0436\u043d\u0438\u043a\u0430. \u0418, \u043a\u043e\u0433\u0434\u0430 \u0434\u0435\u043b\u043e \u0434\u043e\u0445\u043e\u0434\u0438\u0442 \u0434\u043e \u0432\u0438\u0437\u0443\u0430\u043b\u0430, \u043c\u043d\u043e\u0433\u0438\u0435 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u043f\u0438\u043a\u0441\u0435\u043b\u044c-\u0430\u0440\u0442 \u2014 \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u043e\u043d \u043a\u0430\u0436\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0441\u0442\u044b\u043c. \u041d\u043e \u0447\u0442\u043e\u0431\u044b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u043e, \u043d\u0443\u0436\u043d\u043e \u043c\u043d\u043e\u0433\u043e \u043e\u043f\u044b\u0442\u0430 \u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u043d\u0430\u0432\u044b\u043a\u0438. \u041d\u0430\u0448\u0435\u043b \u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b \u0434\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0447\u0430\u043b \u043f\u043e\u0441\u0442\u0438\u0433\u0430\u0442\u044c \u043e\u0441\u043d\u043e\u0432\u044b \u044d\u0442\u043e\u0433\u043e \u0441\u0442\u0438\u043b\u044f: \u0441 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043e\u0444\u0442\u0430 \u0438 \u0442\u0435\u0445\u043d\u0438\u043a \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f","og:url":"https:\/\/prohoster.info\/it\/blog\/novosti-interneta\/piksel-art-dlya-nachinayushhih-instruktsiya-po-primeneniyu","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-12-29T21:00:00+00:00","article:modified_time":"2020-02-18T11:02:39+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"54617","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-24 12:06:19","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-02-28 20:01:33","updated":"2026-01-24 12:06:19"},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/posts\/54617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/comments?post=54617"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/posts\/54617\/revisions"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/media?parent=54617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/categories?post=54617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/tags?post=54617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}