blankblank blank




Using GIF/PNG Transparency In Displaying Raster Graphics In Google Earth



In the last post, GIF/PNG transparent colors were used to improve the appearance of Google Earth image overlays showing sea level rise flooding. But there are lots more ways to use transparent colors with image overlays to give you extra freedom in adding graphics to Google Earth; here are two examples.

There are a number of topographic map overlays for Google Earth; you can find one example at this link. Here’s a screen shot using a topo map overlay from that site(click on the image for a larger view):The biggest drawback is that the topo map image completely covers up the underlying aerial photography; even if I make the topo overlay partially transparent, the aerial view would still be partially obscured. But if I have a topo map for this same area …

… I can run it through IrfanView (described in this post), and save it as a GIF with white as the transparent color. Load it into Google Earth as an image overlay, position it properly, and instead of the first image above I get this …

… with the topo map features visible, but the aerial photography unobscured by the blank areas of the map. Save it as a KMZ file if you want to use it again. Image overlays of this sort can use lots of memory and system resources; Google recommends no larger than 2000 x 2000 pixels. So the area you can cover with this kind of map is far more limited than it is for the original topographic overlay file, which uses tiling to get around those limitations.

Another use for transparency is to add your own descriptive raster graphic images to a Google Earth view, to highlight or label important features. For an example of this, I’ll zoom into an area in Google Earth, click on the “North” arrow on the compass rose in the upper right to get North oriented straight up, then save the screen view from Google Earth with File => Save => Save Image (Ctrl-Alt-S:

At the same time, I can get the bounds of the image in latitude and longitude by moving the cursor to the upper left and lower right corners of the view in Google Earth, and writing down the coordinates. These will be useful later in positioning an image overlay over this same area.

Next, I open the image in a graphics editor that supports layers, like Photoshop or Paint Shop Pro. If you don’t have a layer-capable graphics editor already, Paint.Net is a free one that’s easy to use; The Gimp is free too, and has far more advanced features than Paint.Net, but also has a steeper learning curve. Add a layer on top of the original image, and create some graphics in the new layer with the program’s graphic functions, perhaps an invaluable notation:

Turn off the base layer, and save only the added graphics layer in a TIFF file:

Run the TIFF file through IrfanView, saving it as a GIF or PNG with white specified as the transparent color (as done in this post). Note: If your graphics editor supports GIF/PNG transparency, then you can bypass the IrfanView steps and create a GIF/PNG with transparency right away.

Load the transparent GIF into Google Earth as an image overlay, and enter the bounding coordinates you wrote down above into the location tab to position the overlay correctly over the original view in Google Earth (similar to what is described in this post):

Take a “Snapshot” of the overlay view to preserve the height and viewing angle, save it as a KMZ, and you can send this valuable information to the rest of the world. Using this approach, you can add any raster graphic image you want into Google Earth as an overlay (presumably better than what I created above) without obscuring most of the the underlying aerial photography.

Other posts in the Google Earth Data Tools series

  1. KML Editors
  2. Diagramming In Google Maps And Google Earth With Smoot
  3. Plotting Data In Google Earth Using GE-Graph
  4. Drawing Grids, Paths And Polygons In Google Earth Using GE-Path
  5. Online Google Earth Utilities For Buffering And Area Calculations
  6. Easy Display Of Thematic Data In Google Maps And Google Earth
  7. Using GIF/PNG Transparency In Displaying Raster Graphics In Google Earth
  8. Adding Vector Graphic Objects To Google Earth
  9. Animated GIFs In Google Earth
  10. Creating A Network KML Link To A Google Spreadsheet
  11. LIDAR Tools
  12. EarthPlot Software Tools For Google Earth
  13. Geographic Time Animations
  14. Convert TIGER Polygons To KML Files
  15. Putting Time Data Into A KML File
  16. Using The KML Time Embedder To Stamp Time Data Into A Google Earth File
  17. Using The KML Time Embedder, Concluded
  18. KML Time Embedder Improved With Hour-Minute-Second Ability
  19. Grid Creation And Path/Polygon Measurements: Two New Online KML Tools
  20. Google Earth PhotoOverlay Tool
  21. KML Random Placemark Generator
  22. Update For Online Google Earth Utilities
  23. KML Time Code Utility
  24. Screen Overlays In Google Earth
  25. The KML Screen Overlay Maker Utility
  26. KML Screen Overlay Maker Utility, Concluded
  27. KML Circle Generator
  28. Creating Google Earth Screen Overlays With EarthPaint
  29. Text Editor With KML Validation
  30. Online Spreadsheet To KML Converter
  31. Version 2.0 Of Google’s Online KML Spreadsheet Mapper Tool Released
  32. Creating Google Earth Ground Overlays From Georeferenced Images
  33. Google Earth Ground Overlays With GIF Transparency
  34. Creating "Transparent" Topo Map Overlays For Google Earth
  35. Using Google Earth Ground Overlays To Display Shapefile Data
  36. Converting 3D Objects Into Google Earth Format
  37. Thematic Mapping In Google Earth
  38. An Online KML Validator
  39. Modify A KML Polygon File With Excel Data
  40. US Nautical Chart Overlay For Google Earth
  41. Plot Google Analytics Geographic Data In Google Earth/Maps
  42. Placemark Creator For Google Earth
  43. Placemark Creator For Google Earth Updated


Subscribe to this blog's RSS feed

0 Responses to “Using GIF/PNG Transparency In Displaying Raster Graphics In Google Earth”


  1. No Comments

Leave a Reply


Be sure to enter the "reCAPTCHA" below before submitting your comment.