Wednesday, April 20, 2005

[Blogger]Posting Pictures

How do I make a picture that's on my blog smaller? I just put up a new post, but the picture is way bigger than I'd like. Help!
at

11 comments:

  1. SamWednesday, April 20, 2005 8:02:00 PM

    sweetnicks - can you tell us how you upload the pics? I can help you, but only if you use the same method as I do (hello)

    ReplyDelete
  2. eat stuffWednesday, April 20, 2005 8:40:00 PM

    Hi Sweet nicks,

    You can alter the size of your image like this:
    if you use the standard blogger image code, after the url and " enter:
    height="x" width="x" with the size you want your images to be instead of the x
    sorry I wasnt allowed to put in all the code :/

    I hope this helps

    ReplyDelete
  3. CateWednesday, April 20, 2005 8:44:00 PM

    Clare - I'll go try that now. Sam - yup, using hello.

    ReplyDelete
  4. CateWednesday, April 20, 2005 8:48:00 PM

    Ugh ... not working...

    ReplyDelete
  5. CateWednesday, April 20, 2005 8:52:00 PM

    Had it in wrong place -- works now. Thanks so much!

    ReplyDelete
  6. eat stuffWednesday, April 20, 2005 9:03:00 PM

    Hey Sweet Nicks!

    I am glad...!
    I only just joined blog scool today!

    I dont know what to use to disable html code in a post so that we can share html tips more easily...?

    This technique is good for slight chages in image size, but remember that you need to try and keep the right image proportions or you will end up with a weirdly stretched image. And you are better off to try and make the image the right size from the start cause then you wont waste storage or bandwidth where you store your image :)

    ReplyDelete
  7. SamWednesday, April 20, 2005 10:16:00 PM

    Clare - there is a great tip for this in the comment section of Food Blog School's second ever post. Go here to see it.
    And thanks for the tip, I did not know you could do it that way - I always load pictures at the size I want them to be. This certainly adds more flexibility, thanks.

    ReplyDelete
  8. eat stuffWednesday, April 20, 2005 10:52:00 PM

    Thanks Sam thats a great tip.... I think the problem I was having is that I was trying to preview the post...

    for completness here is the code so that the same problem doesnt happen again. replace the [] with <>.

    [img src="http://www.host.com/images/mypic.jpg" height="x" width="x" /]

    you can use this to see how big you want your picture to be, then change the picture in an art package(change the canvas size or resize) and repost it to your image host with the same name... so that the right sized image will appear and you wont need to change your html code.

    ReplyDelete
  9. SamWednesday, April 20, 2005 10:58:00 PM

    hey clare - sorry - i meant this: (its great)

    You can use escaped characters to show code in HTML. So you can tell folks they need to type:

    Blah Blah

    < = <

    > = >

    The only problem is that if you preview your comment or post, blogger will convert for you & you'll be back in the same situation again. However, if you just select "publish your comment", it seems to work fine.

    ReplyDelete
  10. eat stuffFriday, April 22, 2005 10:48:00 PM

    Hey Sam!

    I am such a fool ;P, I only just got it! ...

    &lt img src="http://www.host.com/images/mypic.jpg" height="x" width="x" /&gt

    thanks clare

    ReplyDelete
  11. BrendaMonday, April 25, 2005 1:51:00 PM

    Also, when you use the height and width parameters make sure you keep the scale the same, other wise you'll get a skewed photo. So if the original picture was 100H and 200W and you want to reduce or expand it a little multiply both numbers by the same percent:

    90% = 90H & 180W
    75% = 75H & 150W
    67% = 67H & 134W
    125% = 125H & 250H

    etc. Hope that makes sense!

    ReplyDelete

Thank you for your comment on Food Blog S'cool. Topical discussion and information is warmly welcomed. Spam, irrelevant comments and advertisements will be deleted.