Niet toegestaande elementen
Dit betekend dat er elementen binnen de SVG afbeelding staan welke ik niet heb toegevoegd aan een lijst. Dit zou dus onschuldig kunnen zijn, als je dit denkt, moet ik ff gaan kijken of het element inderdaad onschuldig is.
De oplossing is in dit geval om te kijken of er rare dingen in voorkomen, zoals tekst elementen, of rare afbeelding elementen, en zo niet, dan is hij in princiepe goed.
Totaal aantal elementen
Dit betekend dat het totaal aantal elementen binnen de SVG te hoog is. Ik heb het vastgesteld op 1000
De oplossing is om te kijken of je eventueel bepaalde elementen met elkaar kan samenvoegen. Maar kijk vooral naar het totaal aantal elementen bovenaan, dus het geheel per pagina.
Heeft viewBox
Als je hiermee faalt, betekend dit dat het svg element geen viewBox heeft. Dit is een probleem omdat
Wanneer de afbeelding vergroot wordt, kan deze afbeelding een onjuist aspect ratio krijgen.
Afbeelding geen attributen
Dit betekend dat er afbeeldingen zijn zonder dat deze attributen hebben
De oplossing is om deze afbeeldingen te vinden, en te verwijderen
Afbeelding niet base64 format
Dit betekend dat de afbeelding src in een niet base64 formaat staat
De oplossing is om deze afbeelding er opnieuw in te plaatsten
Te hoge resoltie binnen subafbeeldingen
Dit betekend dat het totaal resolutie van sub afbeeldingen binnen deze afbeelding te hoog is.
De oplossing is om de afbeelding(en) qua resolutie te verminderen, door middel van bijvoordbeeld Photoshop.
Bestands grootte
Dit betekend dat de grootte qua bytes / kiloBytes te hoog is
De oplossing heeft meestal te maken met 2 dingen: 1. heel veel vormen, of vormen met grote inhoud (paden met duizenden punten), en 2: grote subafbeeldingen. Bijv. dat je een SVG hebt welke uiteindelijk 500*200 PX ruimte gaat innement, met een foto achtig plaatje in PNG formaat van 1000*1000 pixels
Met tekst gevulde text nodes binnen niet toegestaande situaties
Dit betekend dat er tekst in het plaatje staat, waar geen tekst in hoort te staan. Wellicht is er nog een situatie waarin het prima is. Maar ik zou een dubbel check doen dat er geen tekst in staat als tekst
Hoog aantal subafbeeldingen
Dit betekend dat er meer dan 9 plaatjes in de afbeelding staat. Wellicht is dit prima, mits de totale grote van de pagina niet te hoog is.
Maar wellicht als al deze plaatjes hetzelfde zijn, dat deze geoptimaliseert kunnen worden waardoor ze allemaal dezelfde gebruiken.
Bestandsgrootte subafbeeldingen
Dit betekend dat de bestands groote van de subafbeeldingen groter is dan 100kB
Met Photoshop of een ander foto bewerk programma kun je deze verkleinen. Door de kwaliteit op bijv 75 te doen, ofwel door hem wat kleiner te maken qua breedte * hoogte.
Totaal vrije vorm grootte
Dit betekend dat de totale grootte van alle paden bij elkaar groter is dan 100kB
Je kan kijken of er wellicht paden zijn welke onzichtbaar zijn, doordat ze eventueel achter een andere laag liggen,
Of dat er paden zijn welke meerdere keren voorkomen, en waarvoor je dus eventueel clonen kan gebruiken.
Of je kan paden versimpelen, waardoor ze minder vormen gebruiken. Maar kijk vooral naar de Pagina resultaten.
Hoog aantal grote vrije vormen
Dit betekend dat het aantal grote paden elementen (paden met een lengte van meer dan 5000) groter is dan 20.
Zie Totaal vrije vorm grootte voor optimalizeer manieren
Extreem aspect ratio
Dit betekend dat de afbeelding een ratio heeft van meer dan 4 keer zo groot in 1 axis, dan de andere axis, (4 keer zo breed of 4 keer zo hoog.)
In princiepe is dit geen groot probleem, maar kijk vooral hoe het eruit zien binnen Voorbeeld
