Welcome, stranger! Please log in or register. - Did you miss your activation email?

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

0 Members and 1 Guest are viewing this topic.

Offline One Quarter

  • Tush Hog
  • ***
  • Posts: 4506
  • OP: 3/17/63 - 10/18/19
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.

You're only young once, but you can be immature until you croak.

Offline One Quarter

  • Tush Hog
  • ***
  • Posts: 4506
  • OP: 3/17/63 - 10/18/19
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.

You're only young once, but you can be immature until you croak.

Offline One Quarter

  • Tush Hog
  • ***
  • Posts: 4506
  • OP: 3/17/63 - 10/18/19
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.

You're only young once, but you can be immature until you croak.

Offline Too Big Pig

  • King of the Hogs
  • *****
  • Posts: 10659
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

  • Tush Hog
  • ***
  • Posts: 4506
  • OP: 3/17/63 - 10/18/19
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.

You're only young once, but you can be immature until you croak.

Offline BASS

  • the philosophical woopigga
  • Emperor of Woopig
  • ******
  • Posts: 23676
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.

fuck your feelings

Offline One Quarter

  • Tush Hog
  • ***
  • Posts: 4506
  • OP: 3/17/63 - 10/18/19
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:

You're only young once, but you can be immature until you croak.

Offline acater

  • The Muchacho with the Couponas
  • Emperor of Woopig
  • ******
  • Posts: 25365
Can you show how ot add youtube videos in this thread? Sometimes they work and sometimes they dont.

https://www.youtube.com/watch?v=RLVrgWygwQo&feature=youtu.be

"I hate you Acater!"- Otis Kirk

"Grant couldn't practice, we put a green shirt on him, he kept trying to put the red on but 'no no no, we're not gunna touch you' Then he goes out and has that game. He's out there holding his elbow and goes and picks off a pass to win. He is Arkansas." - Pittman

Offline Rick B.

  • Nukular Fizzicyst
  • King of the Hogs
  • *****
  • Posts: 15977
Can you show how ot add youtube videos in this thread? Sometimes they work and sometimes they dont.

https://www.youtube.com/watch?v=RLVrgWygwQo&feature=youtu.be

Okay, first, see that thing in front of you on the desk?  That's a keyboard.  The little things with letters on them are KEYS.  Now look to the right of the keyboard (unless you're some sort of left handed retard).  That's the mouse.  I know, it's weird calling it that because you know, you could have a rodent phobia but anyway, that's what it's called.  Now, look straight ahead where you're reading this.  That's called a MONITOR.  If you move the mouse around, you should see a little arrow moving around on the monitor.  Some people call the monitor a screen so if I accidentally interchange the words, you'll know what I'm talking about.

Move the arrow up to the address bar (God, I hope you know what that is) and type in youtube.com.  When you get there, find the video that you want to link.  Oh shit, I forgot to dumb this down.  To LINK a video means to put a bunch of words into a scripty sort of thing so that when you hold your arrow (also known as a cursor) over the "link" and then click on the left hand side button on the mouse, your browser (the thing that you surf the web on) will go to that web address. 

Shit, anyway, when you find the video you want to link, EITHER copy the link from the link address bar at the top OR  look around the screen on the youtube site and find the SHARE button.  Do you need a picture?  Okay little buddy.  Look below.  You'll see the SHARE button highlighted AND what window will pop up when you hit the share button.  Simply click on the COPY button on that pop up window. 

Then, come back to Woopig.net on your internet browser and when you're inside your post, you can simply click CONTROL V to paste the link into your post.

I hope that was clear, little guy.  I'm worried about you.  This internet thing can really be formidable.  Oh, sorry....big word, I know.  Formidable means like, you know, really scary and difficult.  You know, like your sex life with Michelle Obama.

Hope that helps.  Cheerio.  Peace out.   :-*


Offline HRC

  • Boar
  • ****
  • Posts: 7750
  • WPS
I’ll have to dig into the code to determine what gets embedded versus just posting a link. Also, some YouTube stuff disables embedding.

In this case, I removed the “&feature=youtu.be” text and it seems to work. The plugin we use that embeds the videos is a bit old, so it doesn’t know how to handle some of the newer URLs.




« Last Edit: March 28, 2019, 12:39:48 PM by HawgRockCafe »
A lost chicken?  A chicken?  In the woods? - ElvisHog - 2/4/2004
---------------

Offline Rick B.

  • Nukular Fizzicyst
  • King of the Hogs
  • *****
  • Posts: 15977
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #10 on: March 28, 2019, 12:42:05 PM »
I’ll have to dig into the code to determine what gets embedded versus just posting a link. Also, some YouTube stuff disables embedding.

In this case, I removed the “&feature=youtu.be” text and it seems to work. The plugin we use that embeds the videos is a bit old, so it doesn’t know how to handle some of the newer URLs.





Geez, don't give his dumas some sort of OUT to explain his lack of knowing how to "woopig".  :D


Offline Lurk

  • King of the Hogs
  • *****
  • Posts: 16184
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #11 on: January 20, 2020, 10:41:08 AM »
Can you show how ot add youtube videos in this thread? Sometimes they work and sometimes they dont.

https://www.youtube.com/watch?v=RLVrgWygwQo&feature=youtu.be
Don't use the https from the address line. Right click on the on the video and copy url address



Edit: There's also a copy from current time that is cool.

« Last Edit: January 20, 2020, 10:43:29 AM by Lurk »
Lurk circa September 23, 2019 during the SJSU game
“I called for Lunney as interim and hiring Pittman in the Coaching Search thread. Pittman has been the best recruiter on every staff he's been on and may be the best OL coach in college football. He would be able to hire a good staff, which is what we don't have now. I don't see him losing his recruiting skills if you move him up to HC so we would have a closer at HC .The fact that he's a Razorback guy makes it even better.

Offline EastArkHog

  • Didn't win the Nobel Peace Prize
  • Tush Hog
  • ***
  • Posts: 1442
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #12 on: January 30, 2020, 03:29:14 PM »
It's a trap, Rick B. uses a special mouse

Build a man a fire, and he'll be warm for a day. Set a man on fire, and he'll be warm for the rest of his life™

Offline CardHog

  • Tush Hog
  • ***
  • Posts: 2968
How do I resize a photo so that I can attach it? I've been trying to add some photos to the recipe thread lately and the file size is too big.  This used to not be a problem, I think it was an iPhone upgrade that started causing it.


Offline DRYANKNPULL

  • Pig's Knuckle, Arkansas
  • Boar
  • ****
  • Posts: 9769
How do I resize a photo so that I can attach it? I've been trying to add some photos to the recipe thread lately and the file size is too big.  This used to not be a problem, I think it was an iPhone upgrade that started causing it.

I’ve had to download a photo resizing app. I’m not sure what it’s called, I just recognize the icon. The app was free, it lets you pick a photo from your library, and you can resize it.


Offline uagrad2007

  • Tush Hog
  • ***
  • Posts: 1129
How do I resize a photo so that I can attach it? I've been trying to add some photos to the recipe thread lately and the file size is too big.  This used to not be a problem, I think it was an iPhone upgrade that started causing it.

If you can get it on a PC, use Paint.  There's a "Resize" button at the top somewhere.


Offline Swahili Steve

  • Food Fucking Reviewer
  • Emperor of Woopig
  • ******
  • Posts: 33596
  • Formerly known as Boar Bidet or Board Witch
    • Yamsylvania
The problem is Live Photo’s typically. Go edit and save as a regular pic and it should work

Once in Yamsylvania, we had the potato famine. Which did not upset us because, hey, we eat only yams! Then we realized it is better to starve on potatoes than eat yams. We became so poor we had to raise monkeys for their fur. OK, we raised them for their pleasant smell and many tasty parasites. The kids today, tell them about parasite stew, and they look at you like you're some kind of nutty man, crazed from yam poisoning.

Offline CardHog

  • Tush Hog
  • ***
  • Posts: 2968
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #17 on: August 15, 2021, 08:30:45 AM »
In One Quarters (RIP) original post, he says to use the image "tag"  to post images inline.  Not working for me, what am I missing?


Offline One Quarter

  • Tush Hog
  • ***
  • Posts: 4506
  • OP: 3/17/63 - 10/18/19
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #18 on: August 15, 2021, 05:17:28 PM »
In One Quarters (RIP) original post

The report of my death was an exaggeration.

You're only young once, but you can be immature until you croak.

Offline Rick B.

  • Nukular Fizzicyst
  • King of the Hogs
  • *****
  • Posts: 15977
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #19 on: August 15, 2021, 05:35:34 PM »
The report of my death was an exaggeration.
That's good, right?


Offline CardHog

  • Tush Hog
  • ***
  • Posts: 2968
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #20 on: August 16, 2021, 07:19:14 AM »
The report of my death was an exaggeration.

Holy Shit,  I hope I didn't Jinx ya!!

Got confused with OQ and OP (RIP).