My photos look degraded!

Why?  My original photo looks just fine.

---

Let's say this is your original photo.  You add it to your web page project and you preview.   Everything looks fine.

You decide you want to crop the photo (using the photo tools).  You preview again and your photo comes out looking like this!

The program generated a 256 colour GIF and it looks terrible.  But don't worry!  Go ahead and Publish to Folder.  Now we will open your web folder and make some changes.

The solution is to (a) delete the GIF and replace it with a new JPG and (b) edit the HTML by replacing the old filename with the new filename.

Create the new JPG

On your webpage project, select the image.  File| Export as... choose pixels (the default size is fine - it should match the pixel dimensions of the generated image.)  Select JPG as the file format.  Name the file "Ellen.jpg", for example.  Save in your web files folder.

Edit the HTML

Double-click the html file so that it opens in your browser.  Locate the bad picture and right-click it to see its properties and look specifically for its filename.  Let's say it turns out to be img00002.gif

Go back to the folder and right-click the html file and open with NotePad. Edit| Find... img00002.gif.  Backspace over it and type in Ellen.jpg.  Save.  Refresh your browser window and you should now see Ellen.jpg displayed instead of img00002.gif.

You may delete img00002.gif from the folder.  There is no point in uploading it to your server.

 I can't center my page     My fonts don't show up 

 My text gets cut off     My photos look degraded 

---