Full Width and Height Images Uploads

Wordpress

By default, the image upload tool build into Wordpress creates thumbnail images. So when the user clicks “send to editor” the image rendered will be a thumbnail of the original image uploaded. Wordpress renders this by placing “.thumbnail” The file “/wp-admin/inline-uploading.php” is used to render image thumbnails. Lines 81-85 dictate a maximum width of 128 pixels or a maximum height of 96 pixels. Perhaps in future versions of Wordpress the width and height pixel values will be an option in the Wordpress administration. after the image name and between the image extension:

image1.thumbnail.jpg

But often users of Wordpress do not want their images resized to pre-determined dimensions and some even use FTP File Transfer Protocol to transfer their images. I used to do this for a while then I realized the Wordpress image upload tool could be used to upload images at original width and height dimensions. Obviously this is much better than FTP, as the browser is quicker and easier. Also the Wordpress upload tool is actually quite intelligent especially noting the fact that it organizes uploads into date dependent permalink archives.

Step 1: Browse and Upload

Screenshot 1.
Browse to the location of your image on your hard drive, fill in a “title” and “description” and hit “upload” …

Step 2: Review The Uploaded Image and access the Image Menu

Screenshot 2.
The image should now be uploaded. Click the image with the left mouse button to reveal a menu …

Step 3: Observe the Image Menu That Has Now Appeared

Screenshot 3.
A menu should now be visible partially obscuring the uploaded image. The menu options are:

  • Using Thumbnail
  • Not Linked
  • Send To Editor
  • Delete
  • Close Options

Step 4: Wordpress Thumbnail to Original Image

Screenshot 4.
Click on the “Using thumbnail” option. This will change the option to “Using Original” …

Step 5: Send To Editor

Screenshot 5.

Now click “Send to Editor“. This will send the relevent XHTML Extensible HyperText Markup Language code straight to the Wordpress editor box …

Final Page/Post

Original Size
And there it is the final post/page with an image uploaded using the Wordpress Image upload tool displayed using the original dimensions. Beautiful.

  • this is a nice post. I am going to try to implement this on my website as well. Thank you for you information about this.

     

  • Its good thing to put images in Your Post but never try to re-size large image by writing width and height property to improve loading time :) :)

    Regards,
    http://www.c4learn.com/ 

  • rgbatson

    I have imported a static html page just fine. But when I put the images in the 'images' folder and do <img src="images/xxxx.jpg"> they do not appear. Can you please help?

blog comments powered by Disqus