What is Image Hosting?
Whether you are an e-commerce seller, an avid blogger, or someone who just enjoys sharing their images, Photobucket provides you with easy-to-copy embed links.
For example, use the Direct link, HTML link, or IMG link codes from your account to embed or display your images on a blog or a forum so you can share your favorite photos.
When you're embedding images from your account to your favorite website, you are using image hosting.
When hosting your images, Photobucket optimizes your photos by automatically adjusting their size to the device being used to view them. This ensures that your images will load quickly on the page.
What exactly does that mean?
In short, this means that your images are not hosted in their original size. The sizes change based on the device they are being viewed from.
- Images viewed on a desktop will ‘resize’ themselves to the dimensions 1920 x 1080 (Width x Height).
- Images viewed on a tablet or mobile device will ‘resize’ themselves to 1200 x 800 (Width x Height).
If your image orientation is in Portrait mode, the image optimizer will shrink the image to a height of 1080 with the aspect ratio maintained, unless the width or height is specified in the image link.
This happens so that your image maintains its quality while being optimized for a specific device.
Keep in mind that the image optimizer can return any size up to the photo’s original size. It is not able to increase the quality beyond its original upload.
I want to share my images in their original quality and size.
To display your photos in their original quality and size, you will need to edit your image links by adding your preferred size parameters.
- Get the Embed code by selecting an image and clicking the share link; either HTML or IMG, whichever suits your use case best.
- Copy the code and paste it where you are sharing your photo.
- Locate where the width and height dimensions are determined in the link.
- The HTML option will have 1 set of dimensions to edit.
- The IMG option will have 2 sets of dimensions to edit.
- Input the new size dimensions in the highlighted areas above. For example: If the original size of the image is 1920x1080, input width=1920 height=1080.
Below is an example of both HTML or IMG options showing you where in the link you need to edit the size parameter and how to do that.
And Voila, inputting your own sizes will ensure that your images display in the size you determined rather than the optimized version.