How to download Google Doodle for offline usage?

All the Doodles can be found through the Google Doodles page.

For saving any given doodle, I demonstrate my approach using the same Soccer 2012 doodle as @Synetech. To simplify the manipulation I use both Firefox and IE.

  1. Open the archive page in Firefox
  2. Right-click on the doodle and choose the menu option of This Frame => Show Only This Frame :
    enter image description here
  3. Open IE to the same address as displayed (the Firefox "IE View" extension is useful)
  4. Execute the menu option of File => Save as ... and save in Web Archive (*.mht) format
  5. You will find the entire game saved as a file named London 2012 Soccer.mht that can be played offline in IE by double-clicking it.

I have used IE for saving the page, since the Firefox menu function of Save Page As did not produce a playable game.

(Tested using Firefox 14 and IE9.)


You can't save it because it's a server script.

As for the actual picture, you can save them from Google Doodle page by right clicking on them and select save image (or similar - depending on the browser).


You can’t download them easily like a downloadable game.

Fortunately, because webpages are pretty much open and exposed, you can download it, but you have to do some manual footwork.

Let’s take the Soccer 2012 doodle as an example:

  1. You’ll see that it is available in the archives at this page
  2. Check it’s source-code and you’ll see that it is in fact an IFrame loaded from a different page
  3. Check the source for that page and you will see the files required to run the doodle such as the background and generic sprites. There are also the scripts and doodle-specific sprites

To simplify the process a little, you can:

  1. Clear your browser’s cache
  2. Open your browser’s cache directory
  3. Load the most specific page (i.e., the one loaded into the IFrame, not the doodle-archive page)
  4. Copy the files from the browser cache
  5. Rename them if necessary

You can also try using a tool like wget, but you will still have to do some work to make sure you get everything and clean up the cruft.

An even easier way may be to simply save the page (save complete page mode). Depending on your browser, it may/should save the HTML file, the auxiliary files (script, graphics, stylesheets, etc.), and adjust the filenames as needed.

Tags:

Web

Recent Posts