Convertire SVG in GIF

Questo va sistemato prima di convertire qualsiasi cosa. GIF ha davvero la trasparenza, ma solo in una forma: una singola voce nella tavolozza può essere marcata invisibile.

L’encoder usato qui non ne marca mai una. Un disegno reso da un SVG ha pixel trasparenti dovunque non sia stato disegnato nulla, e ognuno deve diventare opaco prima che la tavolozza venga costruita.

Il selettore colore sfondo su questa pagina decide cosa diventano le aree vuote, ed è letto prima di qualsiasi altra cosa: il riempimento è dipinto sulla tela prima e il disegno composto sopra.

Fate corrispondere il valore a qualunque cosa il GIF poggerà sopra. Se la destinazione è probabile che cambi, mettete un rettangolo nel disegno stesso così il file porta il proprio sfondo.

Un SVG non ha dimensione propria, quindi la conversione ne sceglie una: 1.024 pixel di larghezza per default. Quel default va male per GIF, perché i posti che ancora chiedono un GIF lavorano a 100-300 pixel.

Usate l’impostazione scala. A 0,2 lo stesso disegno rende 205 pixel di larghezza, più vicino a quanto queste destinazioni mostrano.

La riduzione è meno brutale di quanto suggerisca il numero 256, almeno sul tipo di arte che arriva come SVG. I riempimenti piatti usano un colore ciascuno.

Su un file di prova il quantizzatore ha prodotto una tavolozza abbastanza piccola che l’encoder ha scritto una tabella colori di sedici voci, e l’intero GIF 1024x1024 è arrivato a 7.844 byte da un SVG di 140 byte.

I gradienti sono il caso. Un riempimento lineare o radiale su un’ampia area genera centinaia di valori distinti, e la tavolozza non può contenerli tutti.

Ombre morbide, bordi sfocati e sovrapposizioni semitrasparenti fanno lo stesso. Se il disegno ha qualcuno di questi, renderizzare più piccolo aiuta perché meno pixel significa meno sfumature distinte.

SVG può animare. Ha elementi SMIL, risponde a animazioni CSS. GIF può animare anche, il che spinge ad assumere che i due si colleghino — non lo fanno.

Il renderer produce un unico fotogramma statico allo stato iniziale del disegno, e l’encoder scrive esattamente un fotogramma nel file.

Vale la pena un tentativo prima di accettare il compromesso. Molti sistemi che nominano GIF nel loro testo di aiuto accettano PNG nel loro codice di validazione.

Dove GIF è genuinamente richiesto, prendetelo e scegliete il colore di riempimento deliberatamente piuttosto che accettare il predefinito senza guardare.

Trascinate la cartella. Ogni SVG viene reso alla stessa scala e codificato separatamente, con tutto restituito come ZIP.

Ogni file mantiene anche le proprie impostazioni, quindi il colore sfondo è scelto per riga piuttosto che una volta per l’intero trascinamento — decidetelo prima di iniziare piuttosto che scoprirlo dopo.