Image fields in the editor take a link, not a file. The rule: the link must open the picture itself, not a page around it. A link to a Google Photos album or a Facebook post opens a page with the picture on it, so it does not work. The Drive and Dropbox links below do not end in .jpg, and that is fine; what matters is that the browser shows only the image when you open the link.
Google Drive
- Right-click the photo in Drive and choose Share.
- Under General access, pick "Anyone with the link", then Copy link.
- The link looks like
https://drive.google.com/file/d/FILE_ID/view. Copy the long FILE_ID part. - Paste this into the field instead, with your id at the end:
https://drive.google.com/uc?export=view&id=FILE_ID
A Drive link stops working when the file's sharing changes or the file is moved. Imgur or your current website is the safer place.
Dropbox
- Copy the share link. It ends in
?dl=0. - Change
dl=0toraw=1and paste that.dl=1also works.
Imgur
- Upload the photo and open it.
- Right-click the picture itself and choose "Copy image address". It ends in
.jpgor.png.
Your current website
Open the page, right-click the photo, choose "Copy image address", and paste it. The photo keeps loading from your old site, so it disappears if that site goes away.
Tips
- Aim for under 1 MB per photo. Phone photos straight from the camera are often 3 to 5 MB and load slowly.
- Paste the link, then look at the preview. If the slot stays empty, the link opens a page, not the picture.
- Photos on Drive or Dropbox load a little slower than photos hosted on a website.