BYRON

HOW TO: POST AN IMAGE - VARIABLE SIZES by BYRON

Posted on March 24, 2010

HOW TO POST IMAGES OF VARIABLE SIZE

 

1. SELECTING THE IMAGE FROM THE CORRECT LOCATION

 

To post an image of variable size you MUST select the Thumbnail from the PORTFOLIO PAGES of your account [or other member’s accounts] or from your EDIT ART & PHOTOGRAPHY Pages.

1. Right-Click on the Thumbnail of the image and you will get a drop-down menu, choose PROPERTIES.

2. The “Properties Dialogue Box” will appear, now use your mouse to SELECT (highlight) the html (“Address / URL”) of the image. This is the bit that looks like:

http/ blah blah blah.jpg

If you can’t find it, it is the bit that ends with .JPG

3. Right-Click and select COPY from the drop-down menu.

4. Goto the forum or Bmail or wherever you want to post the image.

5. Right-Click in the Comments Box and select PASTE from the drop-down menu.

6. Put a " ! " at the start and the end of the pasted html. It will look like this but WITHOUT the spaces between the ! and the html. I have to put the spaces in here so I can show you what it looks like:

! http : //ih2.redbubble.net/work.500316.7.flat,135×135,075,f.jpg !

When you take out the spaces it will look like this:


2. CHANGE THE IMAGE SIZE TO 800×800

 

The new URL format for images stored on the RedBubble Servers contains a Size Specifier, the specifier has been highlighted in bold in the following example:

http : //ih2.redbubble.net/work.500316.7.flat,135×135,075,f.jpg

NOTE: the Size Specifier only works if you use a lower-case “x”.

 

To change the displayed size of the image, simply replace the existing Size Specifier with any of the following size specifiers:

- 45×45
- 60×60
- 100×100
- 135×135
- 215×200
- 300×300
- 450×300
- 550×550
- 800×800 [This size is best for the Critique Forum]

A 45×45 image:

A 60×60 image:

A 100×100 image:

A 135×135 image:

A 215×200 image:

A 300×300 image:

A 450×300 image:

A 550×550 image:

A 800×800 image:


3. CHANGE THE IMAGE FORMAT TO FULL-FRAME

 

The new URL format for images stored on the RedBubble Servers contains a Format Specifier. This Format Specifier comes in two types:

" t " which mean Trimmed or Cropped. This is the standard format, and
" f " which means Full-Frame.

The Format Specifier appears at the end of the code just before the File Type Specifier [ie .JPG, .PNG]

For example:

http : //ih2.redbubble.net/work.500316.7.flat,800×800,075,t.jpg

http : //ih2.redbubble.net/work.500316.7.flat,800×800,075,f.jpg

If, however you want to use the Cropped Format … it works with all Size Specifiers so that you can create a square-cropped image of any size you desire.

A 45×45 Cropped-Format image:

A 60×60 Cropped-Format image:

A 100×100 Cropped-Format image:

A 135×135 Cropped-Format image:

A 215×200 Cropped-Format image:

A 300×300 Cropped-Format image:

A 450×300 Cropped-Format image:

A 550×550 Cropped-Format image:

A 800×800 Cropped-Format image:


A NOTE FOR MAC USERS…

 

Mac users (generally) only have a single button mouse. You can use the following technique to access URL addresses neccessary for these techniques:

1. Hold down the CTRL key and then click on the image.
2. The drop down menu will now appear.
3. Click on COPY IMAGE ADDRESS.
4. Follow rest of the process as described in each Tutorial.


If you are still having problems, check out this completely-neat-sweet-cheat-sheet by WEBGRRL


  • ECH52

    ECH52

    Thanks for the Info!!!

  • BYRON:

    You are most welcome!

  • bicyclegirl

    bicyclegirl

    Been wanting to know this info… thanks :D

  • BYRON:

    I hope you find it useful.

  • Brian Pelkey

    Brian Pelkey

    Wow…never knew!!! Thanks.

  • BYRON:

    Well there you go, now you do!

    Happy posting!

  • Valerie Rosen

    Valerie Rosen

    this is excellent! thanks so much! :-) val

  • BYRON:

    Anytime!

  • Blair Wainman

    Blair Wainman

    Fantastic!! Thanks for the great info!!

  • BYRON:

    You are very welcome Blair.

  • neilbrown

    neilbrown

    Your a good lad, ta.

  • BYRON:

    hehehe. Thanx old man!

  • George Cousins

    George Cousins

    Excellent! Very many thanks for helping out, much appreciated!

  • BYRON:

    Anytime George, glad to be of service!

  • Jen Wahl

    Jen Wahl

    Thanks very much, Byron!

  • BYRON:

    You’re most definitely welcome Jen!

  • photosbytony

    photosbytony

    Thanks Byron, big help for people like me who can’t ot won’t take the tinme to figure this stuff out, very much appreciated!!! Tony

  • BYRON:

    Glad to help Tony, it would take you ages to work it out by yourself!

  • photosbytony

    photosbytony

    Oh and your a good lad too!! LOL

  • BYRON:

    hmmmm ;-)

  • Nancy Bray

    Nancy Bray

    What a good reference – thank you.

  • BYRON:

    You’re welcome Nancy!

  • Angela  Burman

    Angela Burman

    Thank you for sharing. Very appreciated

  • BYRON:

    Anytime Angela!

  • Light-Rain

    Light-Rain

    I wanted to fave some of these posts as they’re very helpful, but seems I can’t

  • BYRON:

    YES YOU CAN … top right corner of the page “ADD THIS TO MY FAVOURITES”

  • Tim Bell

    Tim Bell

    I’m new here and would like to know what should the image size be for large print? Would 3000×2000 @ 300 dpi be too big?

  • BYRON:

    Hiya Tim,

    Check out this page:

    What size, format and colour profile should I use on RedBubble?

    Also, go into your EDIT PROFILE page and set your profile to receive BMails [RedBubble Email]

    Cheers,
    -Byron

  • chitrali

    chitrali

    thank you so much Byron – the sizing thing was driving me nuts and now i know what to do – yay!..:)..xx chitrali

  • BYRON:

    Yay!

  • Pauline Tims

    Pauline Tims

    WOW thank you Byron, thats a mega amount of info, I will give it a go
    Many thanks, Pauline

  • BYRON:

    You are definitely welcome Pauline!

  • shadowlee

    shadowlee

    thanks heaps for this treasure

  • BYRON:

    Thank you Shadowlea!

  • Santamaria

    Santamaria

    Thanks Byron..I don’t know if I can do it, but I’ll try!

  • BYRON:

    Hiya Santamaria, practice by sending me Bmails, I’ll tell you what you’re doing wrong and how to fix it.

    Bmail Away!

    -Byron

  • Cat2be

    Cat2be

    Thanks Byron
    As always very helpful

  • BYRON:

    anytime, I hope you find it helpful!

  • Cat2be

    Cat2be

    Yes very, I have about 4 different pages with this info on and now I found that so you so kindly put in on one. Now find a way to keep these journal entries at the top of our fave lists so we don’t need to go searching the whole time :-))))

  • BYRON:

    Well, you could put a link to this page on your Profile Page…

    TUTORIALS LIST

    or just put a link to MY profile page.

  • Cat2be

    Cat2be

    Ah – the genius thinker!!! Cool will add it now – Done and I linked your profile to it. Thanks a million.

  • BYRON:

    or… you could put BOTH on your profile page!

    Thanx Kimba!

  • FacetEyePhoto

    FacetEyePhoto

    Thanks for posting this. I tried to increase the size on a landscape style shot but if I type in 800×800 I get a square instead of the original shape. It doesn’t appear to have done that to your image. What might I be doing wrong?

  • BYRON:

    you need to select the image from your VIEW ALL ART pages, not from your PROFILE PAGE.

    OR….

    just change the bit of the URL that says “…t.jpeg” to “…f.jpeg”

  • lisa24n7

    lisa24n7

    Thanks for the valuable info! :o)

  • BYRON:

    Any time Lisa!

  • Teacup

    Teacup

    added to my favs… thanks for doing all the hard work! x

  • BYRON:

    you’re most welcome TC.

  • solareclips~Julie  Alexander

    solareclips~Ju...

    YOU ROCK!!! Awesome journal entry, thanks so much for posting this!!!

  • BYRON:

    thanx Solarclips.

  • Neophytos

    Neophytos

    Thanks BYRON we amateurs, need people like you ..Thanks again !!

  • BYRON:

    You guys are my raison d’etre!

  • BreakTheSilence

    BreakTheSilence

    Oh dear, I’m horrible with computers and all that HTML [insert swear word of your choice] nonsense. Thank you so much! :D

  • BYRON:

    If you have any problems or difficulties, just Bmail me and I’ll help you sort it out!

  • Michael McCasland

    Michael McCasland

    Thank you from all!

  • BYRON:

    You’re most welcome.

  • BreakTheSilence

    BreakTheSilence

    Righto!

  • BYRON:

    lefto!
    hehehe

  • rob castro

    rob castro

    thanks… this helps immensely… tried it last night and worked for me…

  • BYRON:

    excellent, glad you got it to work!

  • geetwee

    geetwee

    Right-Click on the Thumbnail of the image and you will get a drop-down menu, choose PROPERTIES.

    Doesn;t work in newer versions of Firefox. Firefox users can select Copy image location from the menu when they right click. No need to highlight like in IE.

  • BYRON

    BYRON

    Thanx Jo, I will put that into the tutorial.

  • geetwee

    geetwee

    Maybe add some lines for users that want square thumbnails. This generates the full image http://ih2.redbubble.net/work.500316.7.flat,100... thanks the f in front of .jpg. This http://ih2.redbubble.net/work.500316.7.flat,100... thanks to the t in front .jpg

    Test:


  • BYRON:

    I actually took that bit out of the tutorial Jo since it seemed to be causing a lot of confusion.

    What I might do is create a whole new Tutorial for that specifically.

  • sure2010

    sure2010

    grt..

  • BYRON:

    ur wlcm

  • marielito

    marielito

    thanks :)

  • marielito

    marielito

    what if the photo is from a source out of redbubble?

  • BYRON:

    you can’t vary the size of an image from a source outside of RedBubble.

    You can still post it in RB, just can’t change the size.

    The format of the file names is specific to RB.

  • marielito

    marielito

    thanks a lot;)

  • BYRON:

    You are welcome, glad to help!

  • jacqleen

    jacqleen

    U R the BEST….I need all the help i can get here :) LOL
    thanks for doing this :)

  • BYRON:

    If you have any problems getting this to work, just let me know.

  • pommyktw

    pommyktw

    Thank you so much Byron for this tutorial! It’s very useful and also thanks a ton for your help :)

  • BYRON:

    anytime Pom!

  • Rocky Loder

    Rocky Loder

    thanks for the info…i know nothing…appreciated…

  • BYRON:

    Hey, no worries Troader. If you’re having any probs getting this stuff to work, just BMail me and I’ll sort it out for you.

  • Margaret Sanderson

    Margaret Sande...

    Very well explained! Thanks a lot!

  • BYRON:

    You’re welcome Margaret, anytime!

  • Redviolin

    Redviolin

    Thanks so much…you have explained this brilliantly.

  • BYRON:

    Thank you. If you need any help, just Bmail me!

  • emmy2

    emmy2

    Thank you fro all this information! much appreciated!

  • BYRON:

    anytime at all Victoria, I am glad to help out,.

  • Tim&Paria Sauls

    Tim&Paria Sauls

    Very useful – thanks! :o)

  • LindaR

    LindaR

    thanks Byron ~ xx

  • Richard G Witham

    Richard G Witham

    Wow: thanks so much for this very helpful tutorial!

  • Matt Fricker

    Matt Fricker

    Thanks for this Byron. Just wondering if you can tell me what the 075 in this code refers to. I have searched for ages and found no answer…
    ! http://ih2.redbubble.net/work.500316.7.flat,135... !

  • BYRON:

    I have no idea what the 075 code means, it is probably a server location ID number since it is on all the files.

    Dont worry about it.

    You only need to modify the SIZE SPECIFIER and the FORMAT SPECIFIER.

  • Sharon Batdorf

    Sharon Batdorf

    thank you for the info,,,

  • BYRON:

    You are most definitely welcome.

    If you have any trouble getting it to work [there are some slight variations now due to the new site – and the info above has been changed to show that] then bmail me or drop a comment in here.

    Cheers,
    -Byron

  • vampvamp

    vampvamp

    you rock!

  • BYRON:

    Thanx!

  • Laurie Minor

    Laurie Minor

    Thank you so much for sharing, Byron!

  • BYRON:

    Anytime at all Laurie, glad to help out.

    If you have any trouble getting it to work, just drop me a BMail and I’ll help sort it out for you.

  • Duncan Waldron

    Duncan Waldron

    Thanks for this one mate :)

  • BYRON:

    not a problem, anytime.

  • sentimentum

    sentimentum

    Thank you, could not of got this without you :)

  • BYRON:

    anytime!

  • armadillozenith

    armadillozenith

    Thanks for the very helpful hints!
    I have now been able to cross-reference images, clickably linked, for the Sets of Two group and elsewhere.

  • BYRON:

    You are very welcome!

  • shotomanrob

    shotomanrob

    What a fantastic piece of useful information Byron.. Fantastic mate thank you :)

  • BYRON:

    Anytime Rob. Let me know if you have any trouble getting this stuff to work!

  • shotomanrob

    shotomanrob

    Will do mate.. ;)

  • John Hare

    John Hare

    Thanks very much Byron for this info, very appreciated.

  • BYRON:

    Anytime at all John.

    If you have any problems – feel free to Bmail me!

  • OpalFire

    OpalFire

    Thank you for the information. :o)

  • BYRON:

    You are most welcome!

  • Harry Purves

    Harry Purves

    Hi Byron. All good stuff here but I have a few questions. The image url is of the form:

    “http : //ih2.redbubble.net/work.500316.7.flat,135×135,075,f.jpg”

    Reading from left to right the “http : //ih2.redbubble.net/” gets you to the server and the “work.500316.7.flat,135×135,075,f.jpg” is the image identifier, or name to keep it simple.

    This name is built from several components, and so far you have introduced the image size component which in this example is “135×135” which I assume is the number of pixels for the width and the height. But most images are not square yet 800×800 is the only way to define the max size supported by RB. So there must be some white included in that 800 by 800 pixel rectangle, right?

    Next you introduced a letter that could be either “f” or “t” for full image or trimmed image. Great! Are any other letters valid in this component?

    Looking at “work.500316.7.flat,135×135,075,f.jpg” again, I assume that “work.500316” is the image designator, i.e. the name our images are stored under on the RB servers, am I right? so what is the “.7” and the “.flat” mean? can these produce other changes to the displayed image?

    Finally, there is another component left, it is “075” in our example. What does this do and can we use that to enhance our image posting in any way?

    Great stuff, I’m enjoying reading about RB url techniques. Keep em coming Byron.

    Harry

  • BYRON:

    Hiya Harry.

    The Size Specifier is basically the size of the display area… image are made to fit within that area. As far as I can tell it does not add any white space around the image no matter what the actual dimensions of the image are.

    Image Format is only available as Cropped “t” or Full Frame “f” there are no other formats that I know of.

    The rest of the URL is about the file name and its location on the RB Servers and can not be altered.

  • Barbara Burkhardt

    Barbara Burkhardt

    Ah Byron, more stuff for me to add to my “to do list” …. LOL Thanks

  • BYRON:

    You are very welcome Barbara, happy posting!

  • Harry Purves

    Harry Purves

    Hi Byron,
    Thanks for your detailed reply. Being a curious kind of guy I just wondered if there were any other components of the image address string that could be manipulated to provide any other cool facilities. This stems from my previous occupation unfortunately.

    Great stuff!
    Harry

  • BYRON:

    Unfortuneatly no, the rest of the code is about location and not format, size etc…

    You can however, by using the correct URL post images in frames, or postcards etc…

  • SueDeNym

    SueDeNym

    Awesome! You are very kind to teach us! I have learned sooooooooooooo much, may know more than my teen now! (Hardly:))
    belinda

  • BYRON:

    You are very welcome Sue!

  • Carmen Holly

    Carmen Holly

    Thank YOU..I can never remember all of this..so kind of you to post & give us this.
    Hugz for ALLLL you have shared.
    Carmen

  • BYRON:

    You are very welcome Carmen, if you have any trouble getting any of this stuff to work, or you have any other questions about how to do cool stuff in RedBubble – feel free to drop me a Bmail anytime!

  • Sandie Holland

    Sandie Holland

    Thank you so much!! I’m new(ish) to RedBubble and I’ve seen people with grids of their work on their profiles and I have been bubblemailing ppl left and right asking how they did it. Usually got the let me remember answer…and then nothing…guess they are still remembering! Or no response at all. I’m so excited I got it to work on my page! Thank you thank you thank you!!! :)

  • BYRON:

    You are most welcome Sandie!

    I see you got it to work on your Profile Page! Looks great too!

    Cheers,
    -Byron

  • Zefira

    Zefira

    When i right click i’m shown all my open files. Is there another way?

  • Zefira

    Zefira

    oops, just found where you say how to fix that. THANKYOU! sorted ;)

  • Richard G Witham

    Richard G Witham

    Once again I have to say: Y O U ’ R E A M A Z I N G.
    You’re so good at making daunting tasks easy to understand. RB should hire you to write all their FAQ pages. Thank you so much for your help!

  • BYRON:

    hahaha thanx, I agree, RedBubble should give me a job!

    Let me know if you have any problems getting any of this stuff to work.

  • steppeland

    steppeland

    Thanks a lot for working this out, Byron – it’s very helpful, also as reference!

  • BYRON:

    You are very welcome!

  • Ben Loveday

    Ben Loveday

    It’s about time someone told us how to do this!!! Many thanks Byron!

  • BYRON:

    There is soooo much stuff to learn!

  • Mike Oxley

    Mike Oxley

    Right into the “faves” so I can consult it at will. Many, many thanks, Byron!

  • Manon Boily

    Manon Boily

    many times the url is empty with that URL : http://www.redbubble.com/images/clear.gif
    has a host, what can I do if I want the picture to expose in the group galery?

  • BYRON:

    Hiya Manon, easy peasy.

    You are copying the URL from the wrong location… You need to copy the URL from the thumbnails in the portfolio.

    For example, FROM HERE NOT FROM HERE – this will bypass the clear GIF Security Feature.

  • Manon Boily

    Manon Boily

    thank you so much Byron ;)

  • BYRON:

    Anytime Manon!

    Feel free to contact me via Bmail ANYTIME you have a problem or a question!

    Cheers,
    -Byron

  • biddumy

    biddumy

    Hi BYRON, could you please add a paragraph to explain about different browsers?

  • BYRON:

    Hiya Biddumy,

    I would love to be able to do that, unfortuneatly I only have access to Internet Explorer 8.

    However, if you or anyone else can create a detailed explanation [like I have done with the Mac User info], then I will gladly include it or link to it from these tutorials.

    Cheers,
    -Byron

  • biddumy

    biddumy

    in Chrome:
    1 Right click the image and select “copy image URL”
    2 Paste between !! as in BYRON’s tutorial, steps 5 and 6.

  • biddumy

    biddumy

    Firefox:
    1 Right click the image and select: “copy image location”
    2 follow steps 5 and 6

  • BYRON:

    Thanx for the tips Biddumy, I will put those into my Tutorials in the next couple of days.

    Cheers

  • eoconnor

    eoconnor

    thanks byron so much Liz

  • BYRON:

    Anytime Liz!

  • heatherfriedman

    heatherfriedman

    YOU HAVE NO IDEA HOW HELPFUL THIS IS TO ME!!! BIG THANKS!!

  • BYRON:

    Anytime Heather!

    If you have any problems getting it to work, feel free to Bmail me anytime.

  • Zefira

    Zefira

    thankyou again!

  • BYRON:

    Not a problem, anytime!

  • JacqueLynn

    JacqueLynn

    Byron, are You saying in your tutorial that I can change the size of pictures I enter to R/B that come back: ‘Image is too small’, etc.? I’m not sure what you mean by: ‘Post an image-of variable size.’

  • BYRON:

    Hiya JacqueLynn…

    Unfortuneatly no.

    This is about posting an image which you have already uploaded to RB

    “Posting an Image” means that you can display an uploaded image in other places like Bmails, Forums, Comments etc…

    Here I have posted your Avatar in 3x different sizes…

    This does not alter the original file which you uploaded in any way.

  • chasingsooz

    chasingsooz

    Thanks Byron :-)

  • Peter Kewley

    Peter Kewley

    Thank you Byron, it had to be simple and your information was spot on, I would add that I found the image I wanted to post had to be of a high resolution and at an already large size, went back and resized the logo and stayed with the set sizes that you have listed, using"f", all works fine, thank you again for the support.
    Peter

  • Keith Gradwell

    Keith Gradwell

    Thanks ,Byron.have already printed your Tut.Great help-thanks again

Add Your Comment

You need to login or signup to add your comment to this work.