Online (no download, platform independent) Applications

GifWorks.
For GIFs, animated or no.
http://www.gifworks.com/image_editor.html

On Your Windows Computer

Image Resizer
http://www.microsoft.com/windowsxp/downloads/powertoys/xppowertoys.mspx

There’s a crapload of different formats for pictures, and they all save the picture differently. There’s two main kinds, raster and vector.

VECTOR IMAGES

A simple vector image (illustrator, flash type images) contains instructions like this:
“make a point on this white background at co-ords. 10.6″ X 9.4″. inscribe a circle of exactly 4″ radius. Fill this circle with hot pink. Done.”

The more complex the shapes, the bigger the instructions get

RASTER IMAGES (jpeg, gif, tiff, png, bmp)

Imagine a sheet of graph paper.

Now imagine that there’s an image on this graph paper, with each little square being one square dot of colour.

Okay, so a TIFF file, which doesn’t lose quality, goes through the image, one pixel at a time, starting at top left and reading along the line to the right, describing the pixels’ colour one at a time. For every. single. pixel. (row 8763, column 64499, rgb values thus and so)

BMP files do something like the above, as well.

GIF files only describe 256 colours max, and they encode in a tighter way, perfect for line art and cartoons and logos. They describe lines. They say “start here and draw white until you get to this pixel, then draw pink until here, then draw red until here”
You can make gif files encode even less colours, down to 2. this makes ‘em smaller and smaller.

Jpegs encode in a good way for making small files — but bad for quality if you set the quality too low. So, a jpeg at 100% quality will be a large clear file, the same one at 75% quality will be good for web stuff, at 40% quality will look like michael jackson’s nose — all broke up.
It does this by sorta waving in the direction of the image and saying “Oh this section here is kinda greenish, and that one’s pretty blue, oh who cares, really.”

_____________________________________

totally apart from all this, the image size (5″ X 7″ or 8″ x 10″ or…), and the resolution (dpi/lpi… dots per inch or lines per inch) make a big difference to what the final file size is gonna be.

So. format, resolution, file size, image size, color values… all make a difference. Crazy, no?

(1) Because we can’t see better than 72 or 90 dpi on our screens anyhow.

(2) Even with North America’s huge number of users on highspeed internet, who wants to wait an interminable time for a huge image file to download and display? And if you’re on dial-up or one of the godzillion people in the world who don’t access the internet through a great big fat pipe with a reliable connection, well, your 2.3 MB pic and the Second Coming are gonna be kind of neck and neck, know’m’sayin’?

(3) Space on your home computer is cheap and plentiful. Space on your hosted domain on a server connected to the internet… now that’s a little more expensive.

So what do we do? We shrink our files!

Best bet for “here, lookit this photo I took” websize is
– under 800 pixels as the larger dimension
– under 80% quality for jpgs, and
– under 120KB in size
(of course this is just a guideline — you should try it a few different ways and decide what suits you best)

I’ve attached three pics to illustrate what I’m going on about here.

The first one (below) is a quite shrunken screenshot (a picture of what I’m looking at on my computer monitor) of what one uploaded file would look like, if viewed at 100% size. This is on my big display 19″ monitor at a high resolution. Someone viewing at a more common lower resolution, and smaller monitor size will see only a corner of this corner of the image. The original image is 2,287 kilobytes.

The second image is a resize of the original 2.3 MB image, at a reasonable size for many webgraphics. It’s a jpg at 75% quality, and is just about 500 pixels wide. It takes up 45kb of disk space, or about 2% of the space that the original does. The red square in the corner shows how much of this image showed on my monitor in the screenshot above.

The third image is my ideal, as I cropped in to get a closer view of these rather pretty beans, and then reduced the image in size and saved at 75% quality as a jpeg. This image is 615 pixels wide, and takes up 85KB of disk space. It fits my guidelines for size, and still shows off the subject of the photo. (This works for both pinto beans and human beans.)

Here’s how:

________________

All of your domain options are accessible through your CPanel at: http://YourDomainName.com/cpanel with your username and password.

(These would have been sent to you when your account was set up.)

This URL will also take you there directly:

http://64.15.137.185:2082

(To see documentation/info on CPanel and its myriad functions: log in here: http://64.15.137.185:2082/docs/cpanel/index.html )

Step One

Log in and find the icon for Backup. Click it.

(Here’s a screenshot — picture of the Cpanel interface you’ll first see when you log in.)

Step Two

Decide what you’d like to back up.

(Here’s another screenshot — a picture of the Cpanel interface for “backup”)

Home DirectoryThis would be your static html pages and various images, plus your folder structure and other files. Click, and save it to your home computer.
Download a MySQL Database Backup

If you have live content, such as blogs, forums, galleries, and such, you’re probably running it using a database. The database is important, because it will typically contain every bit of web-entered information, such as all your blog text, dates, and comments.

If you aren’t showing a database name here, you don’t have an active database, so you don’t need to worry about this.

If you have a database (or two or three) listed, click the name of each one that shows. Save the resulting file to your home computer.

Aliases and Filters

Save these (if they exist) to preserve your server-resident mail filters, and info such as forwarders.
Full backup (advanced):

Note: If you generate a full backup, the backup will by default be created in your root directory on the web server, thus doubling the amount of space your account takes up. If you don’t feel comfortable immediately downloading your back up to your home computer via FTP or the File Manager, and then deleting this file off the server, please don’t click this one! Full backups include your entire folder structure, databases and aliases, plus any email on your server, but not Mailman mailing lists.

A Final Note

Back up frequently if you have a lot of changes and live content, and less so if you just have a static site that doesn’t change from month to month.

If any of this little instruction blurb needs further explaining, please contact me and I’ll do my best to help you.

-Elaine Miller

Here’s how to find the cache folder: (For any computer running Windows XP)

For Internet Explorer:

C:\Documents and Settings\YOURLOGONNAME\Local Settings\Temporary Internet Files

replace YOURLOGONNAME with, well, your very own logon name, whether it be PeBbleS or Betty, or WILMA.

Almost every win-xp running computer will have this path to Internet Explorer’s cache.

For Firefox:

Firefox is a wee bit more complicated because the filenames have no extension. But here goes:
C:\Documents and Settings\YOURLOGONAME\Local Settings\Application Data\Mozilla\Firefox\Profiles

Inside this folder, there may be one or two (or more) profile folders. Click on anything that looks good to you, and then click again on the cache folder inside.

The files marked _CACHE_001_ and so on probably won’t be helpful.

But the rest of the files, all named in a kind of gobbldeygook, will be. Open a browser window right next to the window showing your files. Drag and drop the gobbledegook files one at a time into the browser window. Examine the contents. Rinse, repeat.

Advanced students can run a bulk rename function on the files, and give them all .jpg extensions, then view the window using thumbnails. This will highlight any images right away, and you can keep them or throw them out, depending on what you’re trying to retrieve. Then another bulk-rename run, and give all remaining files a .txt extension, and you’ll be able to open gobs of files simultaneously in your favourite text editor.
If you can’t see the folders, your system has hidden them from you. In any Explorer window, click Tools –> Folder Options –> View and make sure the button next to “Show hidden files and folders” is checked. While you’re at it, UNcheck “Hide extensions for known types” and “Hide protected operating system files”, just for kicks.

Happy Hunting!

http://www.archive.org/web/web.php

Place your desired domain name in the search box and click “Take Me Back!”

The dates that show up are linked to a cache of that domain at that particular time and space. (It’s always humbling to look back upon one’s early coding skills, for instance)

This’ll be very text-only unless the same images are still on the original server, but the archive can still be useful in retreiving something you thought lost!

Step 1

Go to google.com, and in the search box, type the domain name or complete URL of the site you’d like, preceded by “site:” and click the search button. Like so:

If you’re feeling adventurous, you can add a search term to narrow your results.

Step 2

Google will return a list of all the pages it has spidered from your site. Scroll until you find your little lost page, post, or document, and click the word “cached” — do NOT click the regular link. That “Cached” link will take you to a copy of the text that’s been saved to Google’s machine, and you’ll be able to save that page to your own computer and do with it as you wish.

Step 3

Repeat for every page you’re missing.

NOTE: This won’t work well for private site areas, or for sites that have opted out of the Google spidering process. Your mileage may vary!

Your list request address (found in your listmail headers) is typically

yourlistname-request@yourdomainname.com

The simplest format would be to send from your admin address without brackets or modifiers; if your password is banana, simply send one line reading:
who banana

This won’t preserve your other settings, but it’s a great start when you’re trying to reconstitute a list!

If you own a site that has not resolved (eg it has a blue page that says “there is no website configured at this address”) contact me and we’ll troubleshoot your DNS troubles.

I’m working on re-upping the sites I directly geek for (eg: I built it and run it for you). If you need it faster, let me know, because in the absense of other info, I’m going alphabetically.

Again, if you have a recent backup, let me know.

more soon.

-Elaine

Note that this won’t bring our old sites back. It’s just moving back into an empty house that’s about to be torn down, just in case you need to be found during the transfer.