Putting a Photo Online

Apple uses javascript to show the images in a shared album - in such a way that there is no direct link available for the image - so you can't use iCloud as the source for your webpage.

Regarding using full size/reduced size image. On a web page you always display a reduced size image - otherwise it would always be bigger than the screen. The only exception is if you have a dynamic page that allows you to zoom in and out of the image, or (eg) a gallery page that displays both a thumbnail, and the full sized image.

Normally the size is very much smaller - eg 2 to 4hundred pixels on a side. If you store the full size image on your webpage, your viewers browser will need to load the full size image, and then reduce it in size to put on the screen. This might not be too much of a problem for fibre broadband connections, but for somone on slower broadband, or mobile broadband in poorer coverage areas, it will make a significant difference to page load times, and might cause your viewer to go elsewhere. It is generally considered poor web design to do this.

For this reason you should always reduce the size of your images to match the size they will be displayed on screen.

Hi

No, but you can add it to a shared album, and create a link to that.

See:

https://support.apple.com/en-gb/HT202786

One way with iPhoto is to export a low-res copy of the photo to the desktop.

Then drag the photo to the folder you keep your html page in.

In the html code on your page, you can now reference the photo just by it's name.

<IMG SRC="imagename.jpg>

Hope this helps.

Mmm ... I steer clear of iCloud myself, so I'm no help there.

The iPhoto images are actually a library stored in the "Pictures" folder.

You'll likely find "Photos Library.photoslibrary" in "Pictures".

(If your system is different ... you could search for the folder in a Finder window)

Re: url of photo ... "Get info" also gives the location info (listed as "Where") of a photo.

(Most html editor programs (like "Sublime Text") will generate the url in html automatically on adding an image to web-page.)

To me, it seems difficult to find the photo you want in iPhoto Library folder, because of the way iPhoto stores them. Much easier to find the photo and export from iPhoto. (Personally, I mostly download photos to both iPhoto, and to my own set of folders.)

The way I understand it, browsers look for and open images in webpages from the folder (or system of folders) you set up for your website, and upload to the server.

All the best !

You can try the original res if you like, if it does load, it may take a long time to load in your page.

I could be wrong ... (I use low-res because I like images to load quickly, and to keep the original for my own use.

Thank you! Grateful I could help.

By the way ... the image tag can also specify size info if you wish (... good for speedier viewing)

You can specify the actual size, or a carefully scaled-down size, to suit your page.

(You can find the actual size of an image by right-click on the image, and choose Get Info from the menu that opens ... the dimensions are there in the info. list).

for example <IMG SRC="yourimagename.jpg" WIDTH=180 HEIGHT=260>

Hope that's not too much info. ... in a few situations, the image may not show up in the browser, without adding the size info.

Cheers!

But bear in mind - that will be a link to an album - not an individual image (if you are looking for a link you can embed in a forum page or similar)

You are doing great in experimenting and coming up with solutions! (Sorry if my words were unclear.) Yes, it's the image stored on your computer that you can check with "Get info" as you discovered. (Yes, "Get info" uses pixels)

Re photo size : "You can specify the actual size (found in Get Info), or a carefully scaled-down size, to suit your page."

You are quite right about the aspect ratio!

For me, a quick way to keep the aspect ratio correct in specifying the size (e.g 1200 X 600) is just to

(1) divide width and height by the same number (eg. 2, 3, or 4), and deduct from the original size.

divide: 3 into 1200 = 400. and 3 into 600 = 200.

(2) Then deduct: 1200 - 400 = 800 and 600-200 = 400.

So 1200 X 600 has same aspect ratio as 800 X 400 (and also the 400 X 200)

(Of course, if you have image-manipulation software like Photoshop or GIMP, there's a wider choice in preparing images for web-pages: eg can use many tools like "crop" and "scale" etc.)

All the best!

Oops! Forgot the quotation mark at the end:

<IMG SRC="imagename.jpg">