Geo-visualisatie/Oplevering: verschil tussen versies
Verwijderde inhoud Toegevoegde inhoud
redigeeracties1 |
redigeeractie2 |
||
Regel 247:
Hieronder worden een aantal belangrijke formaten verder uitgewerkt op basis van een samenvatting van hun kenmerken en hun toepasbaarheid voor het opleveren van kaarten.
Een''' 'bitmap' '''betekent in het Engels eigenlijk 'kaart of rechthoekig patroon van een serie bits'. Elke bit beschrijft hierin de waarde van één pixel. Bij een monochrome of zwart-wit bitmap kan elke pixel slechts twee waarden bevatten: 0 of 1 (zwart of wit, rood of wit, groen of wit). Dit is dus een 2<sup>1</sup>-bits bitmap. Bij een 2<sup>8</sup>-bits bitmap kan elke pixel 2<sup>8</sup>=256 kleuren (of 256 grijstinten) bevatten. Hoe meer kleuren / grijstinten kunnen worden opgeslagen, hoe mooier het eindresultaat doorgaans zal zijn. Bij 'ware kleuren' (zie ook [[Geo-visualisatie/Deel_C:_Kaartopmaak#Het_RGB-systeem|Het RGB-systeem]]) is er voor elke pixel de keuze uit 2<sup>24</sup>=16.777.216 kleuren. Aardig om te weten dat het menselijk ook lang niet al die 'verschillende' kleuren uit elkaar kan houden...
Dit geldt niet als een website (
Bij het omzetten van een kaartbeeld naar een bitmap kan vanwege performance- of opslagredenen gekozen worden voor een beperkte nauwkeurigheid voor wat betreft het aantal pixels. In die gevallen kan gekozen worden voor het toepassen van een tweetal technieken om het beeld voor het oog toch optimaal te laten lijken: anti-aliassing en dithering (zie hierna).
<div style="background:#FFEFD5;">
[[Afbeelding:Crystal Clear app ktip.png|20px]] '''TIP1:''' Het voordeel van het opleveren in
</div>
<div style="background:#FFEFD5;">
[[Afbeelding:Crystal Clear app ktip.png|20px]] '''TIP2:''' Kies - wanneer je niet beter weet- bij elk rasterformaat voor een dpi van 300. Wil je aan de veilige kant zitten (bij drukwerk), kies dan voor 600 dpi. 300 (en helemaal 600) dpi levert echter al gauw te grote bestanden op
</div>
<div style="background:#FFEFD5;">
[[Afbeelding:Crystal Clear app ktip.png|20px]] '''TIP3:''' Alle instellingen vooraf zeker willen weten en afstemmen met de drukker, webbeheerder en of opdrachtgever is niet zo verstandig. Er gaat veel tijd in zitten. Houd gewoon een slag om de arm. Je GIS kan waarschijnlijk altijd wel een ander formaat en andere nauwkeurigheden en compressietechnieken ophoesten indien nodig. Test gewoon een outputformaat (bijvoorbeeld 300 dpi en PNG) en kijk dan of het resultaat op de website wel goed overkomt. Lever aan een drukker enkele formaten (300 en 600 dpi, PNG én PDF). Bekijk het resultaat van een PNG op kwaliteit (pixels en kleuren; kijk vooral naar de lijnen en teksten) en bekijk het resultaat van een PDF op vreemd of niet geplaatste labels, vlakken, randen en lijnen. Je hebt dan niet alle kennis nodig van al die formaten, resoluties, kleuren en overige omissies. Je let alleen goed op en zorgt voor extra (doorloop-)tijd om eventueel een tweede of derde versie te leveren.
</div>
Regel 277:
| raster
|[[image:Crystal Clear mimetype font bitmap.png|30px]]
| Afkorting van '''bitmap'''. Voluit soms ook wel Windows Bitmap formaat genoemd, terwijl het een
|-
| '''GIF'''
| raster
|
| Afkorting van '''Graphics Interchange Format'''. Wordt nog steeds veel gebruikt. Is beter dan JPG en net zo goed als PNG. Kent evenals PNG zogenaamde lossless datacompression. Kent een gepatenteerde (en daarom volgens sommige nadelige) compressietechniek. Zijn bewegende versie (zie ook [[Geo-visualisatie/Inleiding_Cartografie#Analoge_en_digitale_kaarten|Analoge en digitale kaarten]]) heet Animated GIF, maar heeft dezelfde extensie GIF. Wordt vaak gebruikt voor kleinere, zeer nauwkeurige afbeeldingen. Nadeel ten opzichte van PNG: kent slechts 256 kleuren, waardoor problemen (kleurverlies, kleurwijzigingen of [[Geo-visualisatie/Oplevering#Dithering|dithering]]) kunnen ontstaan. Daardoor niet geschikt voor hoge kwaliteitskaarten. Voor meer informatie zie [http://en.wikipedia.org/wiki/Graphics_Interchange_Format GIF op Wikipedia].
|-
| '''JPG'''
| raster
|
| Afkorting van '''Joint Photographic Experts Group'''. Kent veel (tot 24-bits) kleuren. Wordt veel op internet gebruikt. Kent lossy data compression. Voor foto's geldt; is de kwaliteit van de compressie hoog genoeg, dan is er geen (zichtbaar) nadelig effect op de foto van die compressie. Nuttig voor foto's, maar geheel onnuttig voor GIS-bestanden, omdat vlakken en lijnen door de compressietechniek qua kleur 'uitgesmeerd' worden. Ook een hoge kwaliteits JPG is niet goed genoeg. Vlakken en lijnen zijn daardoor niet meer continu van dezelfde kleur en dikte voorzien en bij randen treden soms vervelende verschijnselen op (zie figuur hierboven). Een bestand dat te groot is, maak je kleiner door de (beeld)kwaliteit te verlagen. Voor meer informatie zie [http://nl.wikipedia.org/wiki/Joint_Photographic_Experts_Group JPG op Wikipedia].
|-
| '''PNG'''
| raster
|
| Afkorting van '''Portable Network Graphics'''.
|-
| '''TIF'''
| raster
|
| Afkorting van '''Tagged Image File (Format)'''. Een TIF (of TIFF) levert vaak grote bestanden op (maar altijd kleiner dan BMP). Kent een hoge kwaliteit en eveneens veel (24-bits) kleuren. TIF kent zowel lossy als lossless compression. Een TIF kleiner maken kan (naast door deze in te pakken en te kiezen voor lossy compression) door het aantal dpi's te verlagen. Een GIS-specialist zal niet voor lossy compression willen kiezen. Door de flexibiliteit van het aantal in het TIF-bestand toegepaste compressietechnieken zijn helaas niet alle TIF-bestanden door elk pakket weer goed in te lezen. Voor meer informatie zie [http://en.wikipedia.org/wiki/Tagged_Image_File_Format TIF op Wikipedia].
|-
| '''AI'''
| vector
|
| Afkorting van '''Adobe Illustrator'''. Waneer jou gevraagd wordt om dit formaat te leveren, zal die vraag waarschijnlijk uit de hoek van grafisch ontwerpers of drukkers komen. AI is een formaat dat met het grafisch (ontwerp en teken) programma Adobe Illustratir wordt aangemaakt. Waarschijnlijk wil die persoon dit AI-formaat van jou om de kaart verder op te maken en te verwerken in wat voor boek of brochure dan ook. Waarschijnlijk kan jij dit formaat niet leveren, en kan hij wel uit de voeten met PDF. Waarschijnlijk zal je dan wel een hoge resolutie (600 dpi) moeten leveren. Let wel op dat hij jouw output goed verwerkt. Hij is letterlijk met Adobe Illustrator in staat om
|-
| '''EMF'''
| vector
|
| Afkorting van '''Enhanced Metafile'''. Deze is - immers een vector-format - te bewerken door de ontvanger, net als onderstaande formaten. Wordt nog maar weinig gevraagd/gebruikt, door de opkomst van andere formaten als PDF. Voor meer informatie zie [http://en.wikipedia.org/wiki/Windows_Metafile EMF op Wikipedia].
|-
| '''PDF'''
| vector
|[[Afbeelding:Nuvola mimetypes pdf.png|30px]]
| Afkorting van '''Portable Document Format'''. Bevat naast vector- ook rasterdata,
|-
| '''SVG'''
Regel 337:
[[Image:Dithering_op_een_scherm_agv_het_gebruik_van_niet_webkleuren.PNG|right|thumb|200px|Dithering zoals dat op een scherm kan verschijnen als gevolg van het gebruik van niet-webkleuren wanneer oude VGA-schermen, oude browsers, of oudere server-software gebruikt worden.]]
Een andere techniek om de nauwkeurigheid te vergroten is '''dithering'''. Hierbij worden puntjes, met een bepaalde tussenliggende grijstint of kleur, geplaatst bij de overgang van de ene kleur naar de andere kleur van een hoge dichtheid naar een lage dichtheid. Het grensvlak is zo minder hard, en wordt meer een geleidelijke overgang, ook al wordt met een beperkt aantal kleuren of grijstinten gewerkt. In lang niet alle gevallen is dit wenselijk. Bij kaarten waarbij vlakken scherp en duidelijk aangeven waar iets wel of niet aanwezig is, wil je dus juist géén dithering gebruiken. Dithering wordt vaker (bewust) bij foto's toegepast dan bij kaarten. De reden daarvan is dat een kaart vaak scherpe grenzen wil laten zien. Kleuren op een foto gaan vaker langzaam in elkaar over, waardoor dithering wel mag voorkomen.
Dithering kan ontstaan door:
Regel 343:
* te weinig kleuren die beschikbaar zijn in de browser, sommige (web)servers, en sommige monitoren (zie later, bij 'webveilige kleuren').
<div style="background:#
[[Afbeelding:Crystal Clear app ktip.png|20px]] '''TIP:''' Zie je dithering? De oorzaak is eenvoudig te achterhalen. In het eerste geval van te weinig kleuren is de dithering vaak te herkennen door een random (onregelmatig) patroon van punten, zoals in bovenstaande foto op het asfalt is te zien. In het tweede geval is de dithering vaak regelmatig in beeld, zoals in het roodpaarse voorbeeld. Boven is de bedoelde kleur te zien, onder is een strook waar deze kleur wordt gesimuleerd door twee er omheen liggende kleuren uit het webveilige-kleurenpallet. In het eerste geval is de oplossing: kies een breder kleurenpallet. In het tweede geval os de oplossimg: kies een kleur uit het [[Geo-visualisatie/Deel_C:_Kaartopmaak#Webveilige_kleuren|webveilige kleurenpallet]].▼
[[Afbeelding:Leer meer.png|20px]] '''SAMENVATTING:''' Dithering en anti-aliassing zijn niet nodig wanneer voor een hoge resolutie (veel pixels) en een breed kleurenpakket wordt gekozen. Kies voor een vectorformaat wanneer mogelijk. Pas op voor te veel compressie (zoals bij jpg en png al snel het geval kan zijn) wanneer bitmaps dienen te worden opgeleverd. jpg is wijzigt zelfs bij overgangen de kleuren, en is daardoor alléén voor foto's en niet voor kaarten geschikt. bmp (een bitmapformaat zonder compressie) levert daarentegen weer erg grote bestanden op omdat deze niet gecomprimeerd wordt.▼
</div>
<div style="background:#
▲[[Afbeelding:Leer meer.png|20px]] '''SAMENVATTING:''' Dithering en anti-aliassing zijn niet nodig wanneer voor een hoge resolutie (veel pixels) en een breed
▲[[Afbeelding:Crystal Clear app ktip.png|20px]] '''TIP:''' Zie je dithering? De oorzaak is eenvoudig te achterhalen. In het eerste geval is de dithering vaak te herkennen door een random (onregelmatig) patroon van punten, zoals in bovenstaande foto op het asfalt is te zien. In het tweede geval is de dithering vaak regelmatig in beeld, zoals in het roodpaarse voorbeeld. Boven is de bedoelde kleur te zien, onder is een strook waar deze kleur wordt gesimuleerd door twee er omheen liggende kleuren uit het webveilige-kleurenpallet.
</div>
|