Welcome, stranger! Please log in or register.

Author Topic: Woopig: How to Insert an Image into a Post Without Making an Attachment  (Read 1223 times)

0 Members and 1 Guest are viewing this topic.

Offline One Quarter

  • SHOW ME WHAT YOU GOT
  • King of the Hogs
  • *****
  • Posts: 5566
  • I LIKE WHAT YOU GOT
When you want to use an image in your post, attaching a file works, but attachments are not ideal because they always attach below your text.  Instead, you can always use the "img" tag to post images in-line.

If the image you want to use is already on the internet somewhere, you can use its direct URL right in your post.  But, it has to be a direct link to an image.   For example, if you found this image on the internet, you would just copy its URL, which is

 https://i.ytimg.com/vi/mMbvWUxgM8U/maxresdefault.jpg

, from the URL bar of your browser to your clipboard using CTRL-C (Windows) or CMD-C (Mac).  Then, you paste the URL into your post and place the "img" tags around it.  Direct image URLs end with an image extension, usually .jpg, or .png, but there are others that work.  The final product would look like:

Code: [Select]
Zeke Ulrey sexes farm animals such as

[img]https://i.ytimg.com/vi/mMbvWUxgM8U/maxresdefault.jpg[/img]

and also makes minimum wage selling Helio Oceans.

In practice, that would come out as:

Zeke Ulrey sexes with farm animals such as



and also makes minimum wage selling Helio Oceans.


Offline One Quarter

  • SHOW ME WHAT YOU GOT
  • King of the Hogs
  • *****
  • Posts: 5566
  • I LIKE WHAT YOU GOT
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #1 on: September 21, 2018, 05:14:22 PM »
There are several complications with the above method.  First, a problem exemplified by wikipedia.  Let's say you navigated to Wikipedia: The Elephant's Foot.  You'd see this in your browser:




If you wanted to post an image of the Elephant's Foot, you might just right-click the image, copy the URL, paste that into your post, and put image tags around it.  It would work, but you'd get this:



Which is fine, but it's pretty small.  You might decide to click on the image to see if there's a larger version.  And you'd see this in your browser:



You'd see the URL is "https://en.wikipedia.org/wiki/The_Elephant%27s_Foot#/media/File:Y8n6mcch7s601.jpg", and because it ends in .jpg, you might think that's a direct image link, but it isn't.  It's a wikipedia container that adds a bunch of junk around the photo.  The message board software only deals with direct image links, not URLs like this wikipedia container.  The dead giveaway is the colon in "Foot#/media/File:Y8n6mcch7s601.jpg".  Direct image URLs will not have another colon in them after the one that follows the initial "http" or "https".

So, this does not work:

Code: [Select]
[img]https://en.wikipedia.org/wiki/The_Elephant%27s_Foot#/media/File:Y8n6mcch7s601.jpg[/img]
In this particular scenario, you have to click the image again (it turns my cursor from an arrow to a magnifying glass when I hover over it), and then right-click to get the image URL.  Which is:

Code: [Select]
https://upload.wikimedia.org/wikipedia/commons/f/fe/Y8n6mcch7s601.jpg
That is the image file.  Note there are no colons except for the one just after "https".  So, now, you can copy that exact URL, paste it into your post, and put the image tags around it, like so:

Code: [Select]
[img]https://upload.wikimedia.org/wikipedia/commons/f/fe/Y8n6mcch7s601.jpg[/img]
and the result is:



This makes a very nice-sized image, and when you click on it, it expands the image to its full size, so you can really explore the Elephant's Foot.


The reason I say this is exemplified by wikipedia is that, frequently, you will find images on the internet that appear to be direct-link images but are not, just like the wikipedia container page.  Another good example is when you search Google or Bing or whatever and click the "IMAGES" tab.  What you come up with is a container page that has the image, but you can't use the URL here with our image tags.  You need to "click through" to the full-size image before you can get a URL that will work with message board software.


Offline One Quarter

  • SHOW ME WHAT YOU GOT
  • King of the Hogs
  • *****
  • Posts: 5566
  • I LIKE WHAT YOU GOT
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #2 on: September 21, 2018, 05:31:54 PM »
Next, a better way: using imgur or its equivalent.


Online Too Big Pig

  • King of the Hogs
  • *****
  • Posts: 9381
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #3 on: September 21, 2018, 08:38:58 PM »
This is easy on a computer. A pain in the ass sometimes on the phone to get the image to open in a new window to copy the url.

"If life gives you lemons, fuck life."  - Sir John Michael of Oklahoma

Offline One Quarter

  • SHOW ME WHAT YOU GOT
  • King of the Hogs
  • *****
  • Posts: 5566
  • I LIKE WHAT YOU GOT
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #4 on: September 21, 2018, 09:00:25 PM »
This is easy on a computer. A pain in the ass sometimes on the phone to get the image to open in a new window to copy the url.

True.


Offline BASS

  • The Philosophical Woopigga
  • King of the Hogs
  • *****
  • Posts: 12689
  • Fuck The Man
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #5 on: September 21, 2018, 09:29:26 PM »
when on the laptop i right click on the image and click Copy Image Address, no new window needed.

chad darksider number 2

Offline One Quarter

  • SHOW ME WHAT YOU GOT
  • King of the Hogs
  • *****
  • Posts: 5566
  • I LIKE WHAT YOU GOT
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #6 on: September 21, 2018, 09:40:28 PM »
The professional woopig way to do it is to find the highest-resolution version of the photo you can get, then upload it to imgur (or a similar service), and use the image tags to link to your high-res upload.

For example, say I'd like to post an in-line photo of a lime and a coconut.  What I'd do is google "lime and coconut" and select the Images tab, which would give me something like this in my browser:



Then, click on the best-looking photo of a lime and a coconut, which returns:



If the resolution is good enough, drag the photo to your desktop (or right-click or control-click and save to desktop).  If it sucks, choose another photo or click through to see if you can get a higher resolution.

Then, open a new tab or window and go to imgur.com and click "New post".  You will see:



Drag your image from desktop, or upload however you can.  Then, right-click on the image, and select "Copy Image Address", and you will get a usable direct image URL.  For example:

Code: [Select]
[img]https://i.imgur.com/tI02vls.jpg[/img]
Which, in practice, becomes: