The Sewing Place

Reception => Tech Know How => Tech Tutorials => Topic started by: Francesca on March 01, 2017, 10:17:32 AM

Title: Embed or share photos into posts
Post by: Francesca on March 01, 2017, 10:17:32 AM
If you don't have subscriber ability to add photos to a post, or you want to embed them right into the post content rather than on the end of the post, you can use a third party image host.

You can watch a video of this process to see how it works, it takes less than 90 seconds!

https://www.youtube.com/watch?v=6jsRBSvF9p4

Or follow these written instructions:

TSP recommends Imgur.com (http://imgur.com/) for sharing photos as it's easy to use.

Uploading to Imgur.com

1. Visit Imgur.com (http://imgur.com/)
2. Choose "New Post" at the top. You don't need an account, but having one will save all the photos you upload so you can go back and find them again.

(http://i.imgur.com/TW8quG6m.jpg)

3. Browse for photos on your machine, or drag the files into the screen. You can select multiple files.

(http://i.imgur.com/SdLfAn4l.jpg)

4. Your imgur "post" will then be created. It might take a little time to process the images.

(http://i.imgur.com/dnmURcBl.jpg)

5. Hover on the image and you will see the URL to the image in the top right corner. Click and copy this.

Now you have two options

A. Share the link in your post. This will not add the photo right into your post but will give an external link to the post like this:

http://imgur.com/G6uof5I

B. You can embed your photo directly into the post but this requires some changes to the copied link, good for intermediate computer uses.

i. Add lowercase "L" to the end of the URL. This means "large" and is an appropriate size for the forum.
Code: [Select]
http://imgur.com/G6uof5Ilii. Add ".jpg" to the end of the URL. This specifies you're linking to a direct image rather than a web page.
Code: [Select]
http://imgur.com/G6uof5Il.jpgiii. Add "i." in front of the imgur.com portion of the URL. This tells Imgur you want the direct photo.
Code: [Select]
http://i.imgur.com/G6uof5Il.jpg
You can then include your new URL using the photo button for it to appear in the post, like so:

(http://i.imgur.com/G6uof5Il.jpg)
Title: Re: Embed or share photos into posts
Post by: Ellabella on March 03, 2017, 15:19:02 PM
Thanks Fran, for the first time ever I managed to upload a link in a post.

Who knew that The Sewing Place would be a place to learn techy stuff as well as chat about sewing.
Title: Re: Embed or share photos into posts
Post by: Gernella on March 11, 2017, 10:30:45 AM
Have you got an idiot guide to putting photos in a post.  It doesn't seem to work like before.  I can select the photo from my hard drive and see it at the bottom but can't seem to get it inserted into the post.   
Title: Re: Embed or share photos into posts
Post by: UttaRetch on March 11, 2017, 16:27:12 PM
It is confusing, but if you want an in-post image
 
(http://a2.mzstatic.com/us/r30/Purple4/v4/e3/67/c5/e367c50f-4a07-46fd-c92a-6893a52819fd/screen480x480.jpeg)

then you need to follow Fran's tutorial.  A picture from your computer will be placed at the bottom of the post.
Title: Re: Embed or share photos into posts
Post by: DementedFairy on March 11, 2017, 22:14:20 PM
That's not how I put an image from imgur in...I right click on the image, select 'copy image location', then come back here and use the 'insert image' button, pasting the doobrey mcpherson in between the brackety things.  I is very technical innit

Now just checking it still works!
(http://i.imgur.com/on9exe0.jpg)
Title: Re: Embed or share photos into posts
Post by: Francesca on March 11, 2017, 23:46:49 PM
That's not how I put an image from imgur in...I right click on the image, select 'copy image location', then come back here and use the 'insert image' button, pasting the doobrey mcpherson in between the brackety things.  I is very technical innit

Now just checking it still works!
...

Yep this definitely works!

The key advantage of the way I laid it out is that it doesn't go 100% width, you can add the l.jpg on the end to make the image slightly smaller thus fitting more on the page.
Title: Re: Embed or share photos into posts
Post by: UttaRetch on March 12, 2017, 08:19:36 AM
That's not how I put an image from imgur in...

I don't actually use Imgur as it doesn't play nice with my elderly Mac.  As I mostly want to post images from the net, I find one that is roughly the size the forum prefers (500 wide x 665 high), grab the .jpg file string and then drop it into the image coder.
Title: Re: Embed or share photos into posts
Post by: Gernella on March 12, 2017, 10:45:32 AM
Well I'm screwed on this, I usually manage to work most pc problems out but can't sort this out.  I don't want to use another provider for pictures and have them floating in space, I just want to use straight from my hard drive. 

I click on Insert Image and get the brackets.  I go to the attachments option and find the photo, choose photo, where the picture name appears at the side at the bottom.  I can't drag, paste or anything.  What next?   
Title: Re: Embed or share photos into posts
Post by: UttaRetch on March 12, 2017, 16:28:39 PM
@Gernella: it is not possible to have a picture that sets on your computer appear in-post, they will always be at the bottom.  To use Imgur, you need a picture file that includes a web address and ends in .jpg or .png 

You don't have to keep anything Imgur, just use it to facilitate in-post pictures.



Title: Re: Embed or share photos into posts
Post by: Francesca on March 12, 2017, 16:37:11 PM
Well I'm screwed on this, I usually manage to work most pc problems out but can't sort this out.  I don't want to use another provider for pictures and have them floating in space, I just want to use straight from my hard drive. 

I click on Insert Image and get the brackets.  I go to the attachments option and find the photo, choose photo, where the picture name appears at the side at the bottom.  I can't drag, paste or anything.  What next?

There are two ways to have pictures show on TSP. 1) You upload them to the post (and they sit on our server). This means they sit at the bottom of the post. 2) You upload them elsewhere and then embed them into the post.

You can't upload them using the attachment and then drag them into your post. If you don't want to use another provider then you must upload them to your post in which case they appear at the bottom.

Can I ask why you don't want them uploaded elsewhere? Imgur.com doesn't publicly display them elsewhere unless you hit "share with community". Perhaps you could purchase your own hosting space and upload them to there if you want more control?
Title: Re: Embed or share photos into posts
Post by: sewing in oz on March 12, 2017, 21:32:05 PM
Can I add a little bit to this fabulous tute now that I worked out how to post small photos?  (Only took me all afternoon but I'm not terribly tech, and it might save someone else):

I followed Fran's excellent instructions to the letter, but the photo kept coming out full size not small like I wanted. 

(http://i.imgur.com/sEqzQxql.jpg)

So the 4th time of trying, I had a bit of a brainwave, and changed the lower case L she adds to the end of the imgur file name to a lower case S (for small).  It worked!!

(http://i.imgur.com/sEqzQxqs.jpg)

And I've just tried the medium option and got this:

(http://i.imgur.com/sEqzQxqm.jpg)

Gernella - if you're worried about any personal metadata info getting into the hands of Imgur, you can use Imgur without signing up (I didn't know that till yesterday), and you can remove the metadata from your image before uploading it to Imgur.  This is how I do it:

Right click the file name in my hard drive and go down to "properties" right at the bottom.  From there I click the "details" tab, and at the bottom of that page is a clickable link "remove properties and personal information".  I click that and resave the file.  The new file has all personal and metadata removed, and that's the file I upload to Imgur.

Thanks Fran for a such a terrific tutorial - I was never able to upload photos easily to the old TSF but this is a piece of cake!!
Title: Re: Embed or share photos into posts
Post by: UttaRetch on March 12, 2017, 21:35:17 PM
Inspired.
Title: Re: Embed or share photos into posts
Post by: Francesca on March 12, 2017, 21:39:20 PM
Yes imgur needs no account, but also when you upload to them it just sits on their server but doesn't get shared with the wider community unless you choose to do so by clicking the "share with community" or something like that button.
Title: Re: Embed or share photos into posts
Post by: Gernella on March 13, 2017, 12:04:21 PM
I'll just have to bite the bullet and go the Imgur way.  I've looked at the metadata and after resizing with Adobe there is no real personal data on, least ways nothing that could be tracked to me directly.
Title: Re: Embed or share photos into posts
Post by: Madame Cholet on May 06, 2017, 10:47:40 AM
Have you got an idiot guide to putting photos in a post.  It doesn't seem to work like before.  I can select the photo from my hard drive and see it at the bottom but can't seem to get it inserted into the post.

I am having (I think) the same problem.

I open the 'Post reply' screen.
Then I click on 'Attachments and other options'.
Then I click 'Browse' and select a photo from my hard drive.
Then I can see the name of the photo to the right of the browse button.

But there does not seem to be a way to add the photo into the post...?

I have posted a photo a while ago and I managed it then, so I don't know if the procedure has changed in the meantime or if part of my brain is having a snooze.
I don't want to use an external image host like imgur right now, I just want to quickly add one photo to a post, straight from my hard drive.

Thanks for any help in advance  :flower:

(At the minute I have attached a photo to this post from my hard drive, and I can see the name of the photo next to the browse button. I cannot see the photo in the post preview, but I shall click on 'post' and see what happens).
Title: Re: Embed or share photos into posts
Post by: Madame Cholet on May 06, 2017, 10:48:40 AM
Hurrah! It worked after all....!

I'll get me coat.
 0_0
Title: Re: Embed or share photos into posts
Post by: Francesca on May 06, 2017, 13:26:34 PM
Yep if you upload them to the post, it'll always show as an image thumbnail at the bottom.

If you want the photos to appear within the text of the post (e.g so you can write things before and after them) you'll have to do the Imgur way as posted in the OP.
Title: Re: Embed or share photos into posts
Post by: Madame Cholet on May 06, 2017, 17:22:55 PM
Yep if you upload them to the post, it'll always show as an image thumbnail at the bottom.

If you want the photos to appear within the text of the post (e.g so you can write things before and after them) you'll have to do the Imgur way as posted in the OP.

Thanks Fran. I think what threw me was the way the image would not show on previewing the post. Also it took a short while for the post to upload the photo once I had clicked 'post' and I was impatient at first and gave up thinking it was my laptop in a tizz.
Title: Re: Embed or share photos into posts
Post by: BajaSusana on May 07, 2017, 21:54:12 PM
That's not how I put an image from imgur in...I right click on the image, select 'copy image location', then come back here and use the 'insert image' button, pasting the doobrey mcpherson in between the brackety things.  I is very technical innit

Now just checking it still works!
(http://i.imgur.com/on9exe0.jpg)
I tried the other way to no avail. Your copy and paste worked.
I am heading for the pool!
Title: Re: Embed or share photos into posts
Post by: BajaSusana on May 11, 2017, 15:11:59 PM
Francesca,
 I am now a devotee of imgur. Ni more Flickr!
 I just used their BB code for websites and very easily posted an image  on Pattern Review, and very pesky site when it comes to photos.
 Thanks for the advice!
Susan :loveit:
Title: Re: Embed or share photos into posts
Post by: UttaRetch on May 11, 2017, 17:02:53 PM
Flickr, the work of Satan.  :devil:  I use LunaPic (http://www196.lunapic.com/editor/) for photos and you can choose an Imgur link. 
Title: Re: Embed or share photos into posts
Post by: Sewingsue on May 13, 2017, 13:03:33 PM
Registered with imgur and found a photo, but not sure how I get the  photo into a post rather than the link

http://imgur.com/YMyOOpT

http://i.imgur.com/YMyOOpTl.jpg
Title: Re: Embed or share photos into posts
Post by: UttaRetch on May 13, 2017, 14:58:51 PM
(http://i.imgur.com/YMyOOpTl.jpg)

Your picture embedded 'in-post'.

Your first link did nothing, but the second ending .jpg is one of three picture file extension types (the other two are .png and .gif).  When you reply to a thread, you will see various small squares and the tiny 'Mona Lisa' is used to embed pictures.

Fran did a tute and I will dig it out and re-post.  I use LunaPic (http://www196.lunapic.com/editor/) because Imgur doesn't work with my aging Apple desktop.
Title: Re: Embed or share photos into posts
Post by: Sewsuzie on May 13, 2017, 16:17:15 PM
Just trying out the link to lunapic on iPad cos I can't do imgur either, unless I'm on laptop.
(http://i.imgur.com/leUzoNAm.jpg)

Suzie  :vintage:
Title: Re: Embed or share photos into posts
Post by: UttaRetch on May 13, 2017, 16:22:53 PM
Yay, it works.  :D
Title: Re: Embed or share photos into posts
Post by: Sewsuzie on May 13, 2017, 16:24:27 PM
Ha, I've got it at last! Thanks Utta. Uploaded to Lunapic for resize, then linked to imgur for url to copy and paste. Bingo, the pic appeared!

Suzie  :vintage:
Title: Re: Embed or share photos into posts
Post by: UttaRetch on May 13, 2017, 16:32:36 PM
Yeah, that's the way I do it too.
Title: Re: Embed or share photos into posts
Post by: Francesca on May 14, 2017, 23:09:44 PM
Registered with imgur and found a photo, but not sure how I get the  photo into a post rather than the link

http://imgur.com/YMyOOpT

http://i.imgur.com/YMyOOpTl.jpg

Please see the first post, which explains in detail how to get the picture embedded. It involves adding l.jpg to the end, and an extra i. to the URL.
Title: Re: Embed or share photos into posts
Post by: Sewingsue on May 15, 2017, 06:44:46 AM
Please see the first post, which explains in detail how to get the picture embedded. It involves adding l.jpg to the end, and an extra i. to the URL.
Thank you Francesca.
You know I could have sworn that my second link does include l.jpg and i. but then it's probably just me being stupid.
OTOH it doesn't really matter since I am unlikely to have anything worth posting.
Title: Re: Embed or share photos into posts
Post by: Francesca on May 15, 2017, 09:58:32 AM
Thank you Francesca.
You know I could have sworn that my second link does include l.jpg and i. but then it's probably just me being stupid.
OTOH it doesn't really matter since I am unlikely to have anything worth posting.

Your second link does, but you've just pasted the link into the message. You need to add it using the IMG tags (or click the little Mona Lisa button) when making your post.
Title: Re: Embed or share photos into posts
Post by: Sewingsue on May 15, 2017, 12:52:45 PM
Your second link does, but you've just pasted the link into the message. You need to add it using the IMG tags (or click the little Mona Lisa button) when making your post.
Thank you, and apologies for the tone of my previous post - think I just woke up crotchety this morning. That and getting annoyed when my elderly brain can't get itself round technology.
Title: Re: Embed or share photos into posts
Post by: Francesca on May 18, 2017, 15:01:47 PM
I have added a video showing the embedding of images into posts using Imgur. You can see it here: https://www.youtube.com/watch?v=6jsRBSvF9p4
Title: Re: Embed or share photos into posts
Post by: juliam on May 29, 2017, 19:19:53 PM
Hi,

I posted pictures in my post but just for the future what size pictures do you prefer - or, for bandwidth/server space do you prefer the imgur route please?

J
x
Title: Re: Embed or share photos into posts
Post by: StitchinTime on September 19, 2017, 09:51:11 AM
I've just seen this blog post about how to link to photos from your Instagram feed and thought it might be useful for those who use Instagram and don't want to use Imgur:
http://blog.pennydog.com/2017/09/18/a-quick-tutorial-how-to-put-your-instagram-pics-on-a-blog-post/#comment-454301

Unfortunately it seems that you can't resize the photos by adding M or S to the file name as you can with Imgur (it didn'appear to work when I tried it in the preview mode), but here is an old photo from my instagram feed of the neighbour's cat helping with fabric selection at the default Instagram size.
(https://scontent-lht6-1.cdninstagram.com/t51.2885-15/e35/13696687_1230957330271394_19471715_n.jpg)
Title: Re: Embed or share photos into posts
Post by: UttaRetch on September 19, 2017, 18:54:09 PM
I use LunaPic (http://www140.lunapic.com/editor/)

and resized your 920x920 image to half it's size and grabbed an Imgur link

(https://i.imgur.com/a0e4mYa.jpg)

LunaPic doesn't keep anything on it's servers nor do you have to register.  Lovely moggie by the way.

Edited with more information.
Title: Re: Embed or share photos into posts
Post by: StitchinTime on September 20, 2017, 08:45:46 AM
Thanks for the link to LunaPic. Let's see if this works - it should be a small photo of the neighbour's other cat helping me with a quilt layout.

(https://i.imgur.com/RougflNm.jpg)

Edited: Great, it looks as though I managed to post a suitable size photo. Now to see if it works from an iPad as that is where all my sewing photos are stored.
Title: Re: Embed or share photos into posts
Post by: UttaRetch on September 20, 2017, 15:46:37 PM
As long as your picture file has a .jpg extension, you should be able to copy and paste into LunaPic.  Another lovely moggie by the way and you are indulgent in allowing them to sit all over your fabrics.  :D
Title: Re: Embed or share photos into posts
Post by: Missie on February 05, 2020, 08:48:45 AM
@Curious Gem

Have a read of this!