Inserting Images

A guide to adding images to your knol



Inserting images

In order to insert an image into your knol you can follow the following steps (this knol - with images - was created using these steps):

1) Enter edit mode by clicking on the Edit this knol on top of this section. 
 
 

2) A toolbar appears on top of your knol. Place your cursor at the location in the text where you would like the image to be inserted and click on the [Insert] button on this toolbar, then choose "Images". Your screen will look something like this:

3) You can choose to add images from your computer, or from the web if you can provide the URL of a particular picture that you have the rights to use. If there are images that we’ve obtained for your use from a third party (such as The Cartoon Bank), that option will be shown here. If you have uploaded pictures to Knol previously, they will be displayed here.

4) Select an image by clicking on it, then click [Add Image] to insert the selected image into your knol.

 5) You can now drag the image around and position it the way you want within your text. Your text should smoothly flow and wrap around the figure when displacing it. You can also move an image by cut-and-paste.

Resizing images

You can resize the image by clicking on it. A blue toolbar appears on the top (or the bottom) of the figure, and allows you to select "small", "medium", "large" or "original size".

Advanced tip: If none of those sizes proves adequate for you, you have two choices:
  1. You can go into edit mode and directly set the width and height properties of the HTML img tag. For example, here is the first image in this document with its height set to 23 pixels and its width set to 42.

    <img src="http://knol.google.com/k/-/-/Mgi1e8vi/lEwmCg/Image2.png" style="border: 0pt none ;" height="23" width="42">

  2. Alternatively, you can use a separate Paint program to manually resize your image. Save it, then upload it again into knol.

No matter what size picture you choose when inserting a new image, your readers will always be able to see the full-size image by clicking on it.

Controlling Alignment and Text Flow

You can align an image to the left, center or right, by clicking on it and selecting the alignment option.

You can turn "Text Wrap" on, to cause text to flow around your image, or off, to cause your image to appear exclusively on a line by itself, without text to either side of it.

Inserting Captions

You can add a caption to your image by selecting it and clicking add caption. Once you have a caption, you can remove it by reselecting the image and clicking remove caption.

Inserting New Yorker Cartoons

Go into the edit mode on your knol. Look for the image icon to the left of the "Link". The tool tip is "Insert Image". See this help knol for more instructions.

Removing Images

There are two steps to removing an image from your document:

  1. Remove the image from your knol. To delete a picture, click on it and choose "remove" on the picture toolbar (the blue bar at the bottom (or the top) of the picture frame. Removing an image in this fashion simply causes the image to not be shown. It does not reclaiming the storage quota consumed when the image was original uploaded.

  2. Free up the quota. You are a limited to a 10 MB quota of images per knol. Once you have attached an image to your knol, it is stored as part of your knol even if the image is not visible within your page. To permanently remove an image and reclaim the quota spent on it, follow the instructions on Removing Images from Knols.

Q: Why is image remove a two-step process, first removing the HTML img tag, then deleting the uploaded image document (Removing Images from Knols)? Wouldn't it be simpler to have "remove" both get rid of the HTML and the uploaded data?

A: We chose to make it a two step process to give authors more control. If you remove a image from the knol's HTML without deleting the uploaded data, you can still go back in the revision history for the document and accurately see its past state, without the "img" tags being broken.

So, for example, suppose you uploaded an image of a samoyed dog in version #10 of your document, but then replaced it with a greyhound in version #15 of your document. Then you have two choices:
  1. Don't remove the samoyed image from your uploads. Visitors will still be able to accurately see versions #10 to #14 of your document, but the image will count against your quota. -- OR --
  2. Do remove the samoyed image from you uploads. Visitors will see a broken image indicator if they go back to view versions #10 to #14, but you will have more image quota remaining.

Deleting a knol deletes the images attached to it

If you delete a knol, all of the images uploaded to it will be deleted. If you copy content from one knol to another, the HTML "img" tags in the new knol will be pointing back to the old knol, and if you delete or unpublish the old knol the images in the new knol will all be broken.

Troubleshooting

Q: When I click on an image in edit mode, I don't see the options you describe to align, size, wrap, or add captions. Instead, it says "Go to Link:", shows a URL, and asks me to change or remove the URL.

A: What you describe can happen if your image is wrapped inside a link.

To change the image settings, you can remove the link. Then you should be able to change the image settings to the correct size, alignment, wrapping, or captions. Then you can reapply the link.

Q: My image contains text, but it is always garbled when I upload it to Knol.

A: If your image contains text and you want it to be legible, make sure that your image is less than 640 pixels wide. Upload it, and then size the image to "Original" using the sizing bubble.

Q: My image upload failed. Why?

A: We have three forms of image quota that we enforce:
  1. You can upload no more than 10 MB to any particular knol.
  2. You can upload no more than 10 MB per day, total.
  3. You can upload no more that 70 images per week, total.

Q: How can I choose the image that appears in the search with my knol?

A: For an image to be used as a thumbnail, you have to upload the image to Knol. It cannot be an image hosted by an external site.  We simply take the first eligible image within the knol, and use it as the thumbnail. (We have an open feature request to allow authors more control over what image is used as their document's thumbnail.) There may be a delay from the time the knol is created, to the time its thumbnail becomes available in search results. When a thumbnail image s not available for a specific knol, we use the first owner's portrait image. (This answer also appears on the Knol Search Bugs and Q&A page.)


Comments

An account image

I'm trying to upload an image into my account. However, it shows X.
When I'm look into properties of this image I see full link into it.
To verify this image I'm trying cut/paste this link into another browser address bar. However, browser is opening "Security warning message" "Do you want to save this file, or find a program online to open it?. If click button "find" than browser open another window with message:

"File Association

Windows has the following information about this MIME type. This page will help you find software needed to open your file.

MIME Type: image/jpg

Description: UnKnown

Windows does not recognize this MIME type."

I tried png and gif files and I've got same result.
This message shows on IE browser only. Browsers Firefox, Chrome and Safari show the image correctly.

Whould Knol support group fix this glitch quickly?

Last edited Sep 29, 2009 5:58 AM
Report abusive comment

I Can't upload more image on my knol

My quota isn't full, but I can't upload any news images.
I already had uploaded several little icon.
The but is on this knol: http://knol.google.com/k/patrice-bouyrat/accueil-knol-francophone-encyclopdie/1gulr55fq72uo/8#view

Last edited Jul 16, 2009 5:21 PM
Report abusive comment

Adding the HTML "alt" tag in images

From what I have read, the "alt" attribute in images is good practice because it improves the display and usefulness of online articles for people who have text-only browsers. Also if the browser can't load images, the browser will then display the alternate text "alt" instead of the image.

I always thought that the best possible reader experience was what the Knol Team were striving for ... so, how come we don't automate the addition of the "alt" tag. Either way I intend to go into all my Knols and add it in HTML mode, but it would be so much more efficient if it were added each time that we load or insert an image.

Last edited Sep 23, 2009 2:16 AM
Report abusive comment

Image uploading problems

Hello:

I worked on my knoll for many hours; since 30 min before, every time I try to Upload an image to my knoll I get a "null" error. I still have more than 7000kb until my 10 MB for that knoll. What shall I do ?

More: My profile photo aso can not be uploaded. The link is "javascript:" nothing more. I think it is a broken link.

Looking forward for your help,

Thanks,

Alex

Last edited Feb 4, 2009 7:36 PM
Report abusive comment

If you can't add an image here's help.

I can't enter the competition as I'm outside the US of A so you're welcome to use this way of inserting the image which is much simpler and works in knols as I did this one in the same way.

http://knol.google.com/k/manny-b/what-you-thought-gmail-wouldnt-do-but/xgs81c9kf0bn/1#

I wish you all the very best of luck but you wouldn't have beaten the Brits.

Last edited Jan 25, 2009 2:40 PM
Report abusive comment

Also: Image Fail "Null" Alert

I seemed to have a problem. I receive also the message: Image Fail "Null" Alert
How to handle now?

Last edited Jan 26, 2009 10:58 AM
Report abusive comment

Thumnail Images

I would like to add an image that will appear in the search with my knol but I can't find any information anywhere on how one goes about doing that. Any help?

Last edited Jan 25, 2009 2:43 PM
Report abusive comment

Image Fail "Null" Alert

I am not close to the MB image storage limit. I was loading my 7th (around 30k ea.) png image to a knol when I started to received the "Alert http://knol.google.com" window containing "Null".

I deleted the first 6 images and no change.

Tried *.jpg images and no change.

Was using Firefox 3 under XP SP2 - reboot, no change. Switched to Chrome under XP SP2, no change. Tried Firefox 3 under Ubuntu 8.10 - no change

Started a new knol and tried to upload png image - no change.

Waited 2 days for possible server maintenance. Tried upload image in new knol - success! Then tried second image - fail.

Help?

Last edited Jan 3, 2009 3:42 PM
Report abusive comment

Knol doesn't save images?

About an hour ago I deleted an image from my Google pages site. For what ever reason I went to one of my Knols that used it; http://knol.google.com/k/leroy-davis/sd-card-interfacing/h0rhqwmul9ql/2#, and it was missing.

However I had used the 'up-load' function, and not some copy/paste function. Why was the image blank in Knol?
( http://knol.google.com/k/-/-/h0rhqwmul9ql/qs6kgw/comparision-of-sd-mini-sd-microsd-ca.png )

I've seen two other 'png' pics go bad 'grayed out' also.
Google Page Creator is being replaced by Google Sites, which is the reason for removing the image.

Last edited Oct 16, 2008 7:00 AM
Report abusive comment

Low image quality after uploading an avatar

There was a simlar question earlier but I see no answer.
I am trying to upload an avatar for my account but after uploading the image, the quality becomes much worse than it was. I tried many ways and many extensions (png, jpg), also smaller and larger file sizes but the result is always disappointing.
How could I maintain image quality? Or, to put it this way: What is the best extension and file size for a good quality result on Knol?

Last edited Sep 26, 2008 3:17 PM
Report abusive comment
Knol Help
Knol Help
Helping authors since 2008 at Google
Mountain View, CA

Contributors

Article rating:
Your rating:

Reviews

    Similar Content on the Web

    Knol translations

    Other authors have translated this knol into:

    Activity for this knol

    This week:

    159pageviews

    Totals:

    9336pageviews
    45comments