Images Won't Appear in My Blog Post
-
Hi.
I can’t figure this out. I know html but I just can’t get this to work. I have some images I want to imbed into my post but they won’t appear. I searched the forums and came across two posts that were similar.
1. Said that WordPress doesn’t support hosting files from SkyDrive. I don’t recall the date of the post I didn’t look so maybe that has changed since then.
I thought this may have been my problem since that is where I have my images uploaded – to my SkyDrive account.
So I copied all those and uploaded them to Flickr instead and changed the links in the img tag to point to Flickr. Well, that didn’t work either, they still won’t appear in my blog post (draft preview).
2. The second post I found after the Flickr img links didn’t work was about making sure we are on the text editor and not the visual editor. That too didn’t make a difference for me.
All I am getting on my blog post is an X image place-holder and the alt text for the image – that’s it.
Here’s a screenshot if you care to look: http://sdrv.ms/1ckU7lg
I tried using WordPress’ built in “Add Media” button > “Insert from URL” but all that did is create a link to the image (which works) but I don’t want a link, I want the img tag so that it imbeds into my post.
The images are the correct size – that was actually the first thing I adjusted. They were the normal HUGE sizes and I figured WordPress would just auto-shrink them to 1024×768 or 300×300 but nope!
So I re-sized them to 1024×768 manually and I set my img tags for the post to show medium images at 300×300. That didn’t work so I re-set the img tags to say 1024×768 and that still didn’t work.
Can you help me? I’m stumped.
The blog I need help with is: (visible only to logged in users)
-
That SkyDrive link to my screenshot isn’t working. SkyDrive has been behaving badly like that for me lately. Sometimes they work, sometimes they don’t.
Here’s another link (which works) hosted from Flickr
I didn’t see a way to edit my post above so I made a comment.
-
-
Hi justpi.
Wasn’t the screenshot showing how it’s not working good enough?
The reason I ask is because as a work-around I just uploaded the pictures into WordPress Media Gallery directly so that I can get the post published which is scheduled for 9am.
So even if I published it right now you would see the images in the post however that doesn’t solve the problem.
I didn’t want to upload images into WordPress Media Gallery, I wanted to pull the images from SkyDrive or Flickr instead. Get what I mean?
I am a free WordPress.com user and I am not able to afford paying for the premium upgrade right now, or anytime in the near future. So instead of wasting any of my 3gb free space I’d rather host all images from SkyDrive or Flickr instead.
I just really wanted to get this post out with photos and the only way to do that was to “temporarily” upload them to the WordPress Media area.
If I ever found a solution so that I could use Flickr or SkyDrive I was going to go back and edit my post and use the Flickr/SkyDrive links.
-
If all you wanted was to see the code I tried using look at these:
Flickr Links:
<img src="http://flic.kr/p/huDdwM" alt="Buddy's Regal Pose" width="1024" height="768" /> <img src="http://flic.kr/p/huDdwM" alt="Buddy's Regal Pose" width="300" height="300" />SkyDrive Links:
<img src="http://sdrv.ms/17S9BjI" alt="Buddy's Regal Pose" width="1024" height="768" /> <img src="http://sdrv.ms/17S9BjI" alt="Buddy's Regal Pose" width="300" height="300" />I tried all four of these and none of them worked, they all gave the X place-holder square instead of imedding the image itself.
-
The screenshot was no good: I know what an image-not-found looks like. What I wanted to see was the code, of course.
So: Your codes are wrong. Image codes require image URLs. What you used are shortlinks to a page that displays the image. Image URLs always end with the filetype extension (.jpg or .png etc). This is the URL of the image:
http://farm4.staticflickr.com/3803/10825831473_23dd909715_b.jpgAlso, specifying the dimensions the way you did is meaningless when the width is larger than the width of the post column of the theme you’re using: the theme will automatically scale down the image to make it fit. (But some bad browser versions won’t understand this when the image is hosted elsewhere, and that’s one of the reasons why you should prefer uploading the images to your blog).
As for “wasting any of your 3gb free space”, apparently you’re not aware of how much this is: 3GB is enough for uploading many thousands of properly sized images. As an example, in my test blog I have around 1100 images at the moment, including quite a few huge ones; used space: 8%.
If you don’t want to waste space, the ideal is to upload the images to your blog after you edit them in an image editing application to scale them down to no wider than the posts column your blog. On Reddle, that’s 440px wide. This will also give you better quality on the post, because images scaled down by WP lose some color and sharpness; see this post of mine for an example:
-
Hello Justpi.
I just got back from my dog walks and I was just about to experiment with the file links again, exactly as you mentioned. I was thinking late last night that maybe it’s because I was using a shortlink – and apparently you agree.
I know 3gb is a lot, but it does add up fast. I have folders of images on my computer that I snagged off the web so most are not *huge* like those that would come directly from a camera for example. Anyhow a few of those folders have a total weight in the low-hundred’s mb range. All those folders added up come close if not exceeding the 3gb.
All I am trying to do is think ahead and make sure that if ever DID need to upload to WordPress directly that I’d be sure to have the room. I figured since my blog is new and I’m just in the beginning stages of it then it made sense to me to “why not host everything from SkyDrive or Flickr to begin with” and leave WordPress’ 3gb free for if I ever had to upload files of other types.
Your post was very helpful justpi so thank you very much. I’m thinking this may be the solution I needed. I’ll test it out in a few minutes before my 9am scheduled post.
Thanks again.
Mark
- The topic ‘Images Won't Appear in My Blog Post’ is closed to new replies.
WordPress.com Forums 
