Dan Sadler daniel.sadler@montgomerycountymd.gov Montgomery Area Branch of Data Frameworks and Information transfers - GI.


111 views
Uploaded on:
Category: Food / Beverages
Description
Making and Streamlining Web Maps. Dan Sadler daniel.sadler@montgomerycountymd.gov Montgomery Region Bureau of Data Frameworks and Information transfers - GIS Group (DIST-GIS) Map Exhibition and today's presentation on the Web: http://www.montgomerycountymd.gov.
Transcripts
Slide 1

Making and Optimizing Web Maps Dan Sadler daniel.sadler@montgomerycountymd.gov Montgomery County Department of Information Systems & Telecommunications - GIS Team (DIST-GIS) Map Gallery and today’s presentation on the Web: http://www.montgomerycountymd.gov

Slide 2

Creating and Optimizing Web Maps (blueprint) Web illustrations record designs – particularly GIF, JPG, and PDF Special cartographic contemplations when utilizing Web raster configurations Describe how to utilize GIS programming with representation programming to change over guide formats into alluring, neat, & helpful Web representation Photoshop in real life

Slide 3

EPS (not for Web) File Formats Raster groups Vector organizes Heavy Formats Used for Printing TIF (not for Web) Compressed Formats Used on the Web GIF (drawings) JPG (photos) PNG-8 and PNG–24 (position comparatively radical, in the blink of an eye conflicting program bolster) PDF (most general vector design for Web, best print control) SWF SVG (energizing organizations, not yet as all inclusive as PDF)

Slide 4

PDF – Vector arrange Originally made as an endeavor at the “paperless office” idea Adobe Acrobat permits PDF’s to be made from any application Free Acrobat Reader permits PDF survey and printing and accompanies program module Many clients are acquainted with PDF position from downloading government shapes ( www.1040.com ), online handouts, and so on, and seeing connections to free download website. Text styles can be installed in the PDF archive – IMPORTANT FOR MAPS With PDF position, clients have the capacity to print numerous duplicates of the same record from any printer (“paperless office”?)

Slide 5

Raster Images for the Web Cartographic Considerations Keep your GIS work computerized – don’t print and output! Web clients will have distinctive screen region settings (640x480, 800x600, 1024x768) – prescribe max width of standalone picture 640 pixels To stay away from program dither (pixels of diverse hues blending to reenact a shading outside the browser’s palette), either make your guide utilizing 216-web-shading palette OR - use a picture editorial manager with Web snap highlight

Slide 6

Raster Images for the Web Cartographic Considerations Browsers will show and print raster design at 72 dpi – regardless of whether you spare at a higher determination Don’t stress over print quality (72 dpi isn’t extraordinary quality) – give vector group (PDF) rather for that reason Keep it basic - Don’t attempt to indicate a lot of subtle element on a raster Web picture (use vector PDF if more detail is required) (sample of an excessive amount of point of interest appeared on next slide)

Slide 9

Detail is constrained on a raster picture Keep the guide straightforward: Display just what is sensibly neat on a solitary screen Rule of thumb: a guide that prints 8.5” x 11” and utilizes vast content ought to change over pleasantly Boldface sort assists carry with trip content

Slide 10

Adobe Photoshop Raster Image Editing Software Anti-associating component enhances clarity when changing over from vector to raster Larger variety of document arrangements and alternatives (particularly GIF configuration) Advanced Web picture capacities offered by ImageReady, a “sister-program” bundled with Photoshop

Slide 11

Image made without hostile to associating Exported as JPG (100 quality) specifically from ArcView

Slide 12

Image made with against associating Exported as EPS from ArcView, then opened in Photoshop

Slide 13

Zoomed in, no hostile to associating Zoomed in, hostile to associated Anti-associating makes pictures that are made out of pixels show up as if they are not made out of pixels when seen at full size. ArcView does not bolster hostile to associating when rendering your work.

Slide 14

Choice of Image Format Graphic arrangements utilized for printing, (for example, TIF) can be sufficiently substantial to hold loads of data around a picture, yet Web designs must give up some picture data for the purpose of record size to be sufficiently little to download rapidly GIF and JPG make distinctive penances for the purpose of document size that make them suitable for diverse sorts of illustrations

Slide 15

GIF – Graphic Interchange Format Better decision for drawings, logos, representation with few hues Reduces number of accessible hues to 256 or less (“Indexed color”) Stores information proficiently for strong shading territories of a realistic LZW pressure – UNISYS sovereignty makes programming creators hesitant to bolster fare to GIF “Lossless” ArcView 3.x, ArcInfo 7.x, and ArcGIS 8.x don\'t bolster fare to GIF position

Slide 16

JPEG – Joint Photographic Experts Group Better decision for photos, ceaseless tone pictures Retains support for a large number of hues, but… Algorithms specifically dispose of picture information in light of what human eyes are most drastically averse to notice missing from a photographic scene Creates an exchange off in the middle of value and record size “Lossy”

Slide 17

Banding of hues on GIF More genuine life shading on JPG

Slide 18

Solid shading ranges on GIF stay strong Spots or “artifacts” show up on JPG

Slide 19

Converting a Map made utilizing GIS programming to GIF organization Step 1: Export the guide in a vector group (EPS or PDF) Step 2: Open the guide in Photoshop, alter pixel size, determination, and hostile to associating on the fly Step 3: Save GIF with Photoshop’s “Save for Web” capacity

Slide 21

Export as Vector (PDF position) from ArcGIS 8

Slide 22

Convert to vector realistic (EPS) from ArcInfo 7.x brief: NOTE: Any text styles used to make a guide in a UNIX system will be substituted with a textual style on the PC when the record is opened in Photoshop.

Slide 23

Converting a Map made utilizing GIS programming to GIF Format Step 1: Export the guide in a vector position (EPS or PDF) Step 2: Open the guide in Photoshop, change pixel size, determination, and hostile to

Recommended
View more...