Hi all, thought I would post this seeing as I couldn't find a guide for it on the net. I used a bunch of techniques and worked it out myself. Basically I wanted a Speed Dial type situation except without any plugins.
It IS possible to have your own thumbnails for Safari's Top Sites. Here is mine currently:
OK here we go.
1/ Edit all your top sites and pin them in place. Close Safari.
2/ Open Finder, Press ⌘⌃G (Cmd+Shift+G) and type:
3/ Open the Webpage Previews folder.
4/ Select all and Delete.
5/ Open Safari and let all the Top Sites thumbnails load. Close Safari.
6/ Go back to the Webpage Previews folder. Now you will have fresh images for just the top sites which will make editing them easier. There will be a JPEG and PNG for each site.
7/Open Terminal, Paste this and press enter:
This stops Safari from refreshing the thumbnails (to re-enable, remove " -int 2" from the end)
8/ Now to edit the thumbnails. This requires a little patience. This was my method which I think was quickest, however you can make them whatever you want.
9/ Just hit spacebar to preview the image to work out which site it is for. Drag both the jpg and png to an image editing program (I use Photoshop).
10/ Drag the logo for the site into the one of the image windows, resize to fit.
11/ Recolour background layer to suit and block out existing site preview.
12/ Merge Visible. This will make the image a single layer, and save (it should just save over the original automatically. You may have to set the quality for the jpg)
13/ Repeat for other preview.
14/ Drag next 2 previews into Photoshop and repeat.
15/ Once you have changed all your previews, open up Safari and admire your work.
REMEMBER: Make sure you disable the thumbnail refreshing before editing, if you don't, Safari will update the thumbnails and delete your work.
It IS possible to have your own thumbnails for Safari's Top Sites. Here is mine currently:

OK here we go.
1/ Edit all your top sites and pin them in place. Close Safari.
2/ Open Finder, Press ⌘⌃G (Cmd+Shift+G) and type:
~/Library/Caches/com.apple.Safari/
and Go.3/ Open the Webpage Previews folder.
4/ Select all and Delete.
5/ Open Safari and let all the Top Sites thumbnails load. Close Safari.
6/ Go back to the Webpage Previews folder. Now you will have fresh images for just the top sites which will make editing them easier. There will be a JPEG and PNG for each site.
7/Open Terminal, Paste this and press enter:
Code:
defaults write com.apple.Safari DebugSnapshotsUpdatePolicy -int 2
8/ Now to edit the thumbnails. This requires a little patience. This was my method which I think was quickest, however you can make them whatever you want.
9/ Just hit spacebar to preview the image to work out which site it is for. Drag both the jpg and png to an image editing program (I use Photoshop).
10/ Drag the logo for the site into the one of the image windows, resize to fit.
11/ Recolour background layer to suit and block out existing site preview.
12/ Merge Visible. This will make the image a single layer, and save (it should just save over the original automatically. You may have to set the quality for the jpg)
13/ Repeat for other preview.
14/ Drag next 2 previews into Photoshop and repeat.
15/ Once you have changed all your previews, open up Safari and admire your work.
REMEMBER: Make sure you disable the thumbnail refreshing before editing, if you don't, Safari will update the thumbnails and delete your work.