image size change

  • 1
  • Question
  • Updated 10 years ago
  • Answered
How do you reduce the size of your images so they won't take so long to load?
Photo of kathe


  • 20 Posts
  • 0 Reply Likes
  • curious

Posted 12 years ago

  • 1
Photo of the_pete


  • 65 Posts
  • 16 Reply Likes
Hey Kathe :)

You can reduce the size of your images by clicking on the 'Edit With Picnik' link at the top left of your image on the page. This will open up the Picnik editing dialog. Once the dialog has loaded, under the 'Edit' tab is a resize option. You can use this to resize your image until it's a bit smaller. Select OK and then 'Save To SynthaSite'. The image will now be the new size.
Photo of Mstgrr


  • 31 Posts
  • 4 Reply Likes
Hi Kathe,

There are two things to consider, the physical dimensions of your image and their application (are they going to be small thumbnails or larger non-clickable images), and optimisation (compressing your files so that they are light in weight).

You'll find instructions on how to use Picnik to resize the dimensions of your images plus some additional tips in our tutorial on 'Images & More' -

Scroll down to the heading 'Pixel Pushers' for those Picnik instructions.

I hope it's useful,
Photo of Brenda Taylor

Brenda Taylor

  • 2 Posts
  • 0 Reply Likes
i am real new to website creating. I have uploaded images and when I insert them on my page they are huge. I do not know how to determine what size they will be on my page and what that size looks like. I have tried pik site and resized but they still come back huge.
Photo of clouda9


  • 323 Posts
  • 3 Reply Likes
Hi al,

I use Flickr to upload my is free unless you would like to pay for Pro acct. Once the picture is uploaded I edit or just go straight to 'all sizes' tab, from there you can use the suggested size and HTML code (which links back to your photostream) or grab the photos URL, insert with an HTML widget (this option requires that you know a little HTML to adjust width, height, centering, etc). Here are a couple of links that you may find helpful...besides the tutorial already mentioned... PS And the last thing...I promise ;-) if you get a Flickr acct, you can choose the Flickr widget in Synthasite. PS...just joking =D, hope this helps!
Photo of mironenko.sp


  • 5 Posts
  • 0 Reply Likes
As i remember from html tutorials to define the height and width of the image, rather than letting the browser compute the size, use the height and width attributes.
HTML Code:

< img src="tratata.gif" height="40" width="80" >
Photo of Sanja


  • 10698 Posts
  • 495 Reply Likes
Thanks mironenenko - you can definitely use that code to add the dimensions wanted for your images.
Photo of Donald


  • 2991 Posts
  • 37 Reply Likes
I didn't FULLY read through this thread, rather just glanced. Noticing a point in the original question, "so they won't take so long to load".

Reducing the size (physical dimensions) of the image in picnick DOES NOT change the size (space) of the image therefore isn't going to increase loading time. Copy and paste the image into paint (every computer should have it) and click on the image tab and click sketch/skew and change the size there then save. Your image size (file size - 1 MB, etc) will also be decreased (or increased if you increase the size). Then upload the image to yola from paint. Paint's default I believe is bmp. This can be changed by clicking the arrow in the save as dialog. If you upload it to yola as a bmp, yola won't recognize the extension, but the extension is changeable in yola's file manager by renaming the image - my image.bmp to my image.png, etc.
Photo of Donald


  • 2991 Posts
  • 37 Reply Likes
If you make the image too small in paint, you can change the physical dimensions in yola and it'll keep the same file size therefore loading based on the small image although it is now a bigger image.