Images - Resizing & Adding to Topics

Discussion in 'New XENFORO Board :: Instructions' started by WRC-Admin, Jul 24, 2015.

  1. WRC-Admin

    WRC-Admin Member

    Members are able to post images inline within a Topic and a Reply. However;

    • There is a 250Kb size restriction to prevent uploading huge images directly from a camera
    • That is because large image sizes have a significant negative impact on server performance and page load times
    There are two stages to reducing image sizes; resize to correct dimensions, and compression...

    1.) Before uploading an image you need to first resize the image to a sensible size.
    • The maximum 800x600 pixels size is set as a compromise between big images and page load speeds
    2.) Compress the image to minimise the file size - 50 - 60% compression reduces file sizes significantly without degrading quality.

    There is an excellent online tool for this at: www.webresizer.com/resizer/ - if you are familiar with image management programs such as Picasa, or use Photoshop, both have tools for resizing and output for web use.

    The following illustrations step through the Web Resizer process;

    Step 1: Browse to the image you want, select it and Upload to Web Resizer;

    Step 2: reset it from 4000 pixels wide to 730 width, and choose 60% Image Quality:

    Step 3: Click the "Apply Changes" button and examine the results!


    The outcome demonstrates the point about images sizes - this image dropped from 3 Megabytes down to 71.8 Kb

    Adding Images to Topics & Replies
    Step 1: Place the cursor where you wish the image to appear

    Step 2: Click the Add Media button (don't use the "Insert" option in the menu)

    Step 3: select the "Upload Files" option

    Step 4: Click "Select Files" and browse to wherever you had saved the image/s you wish to upload to the Topic or Reply

    Step 5: Make sure the "Attachment Display Settings" are None, None and Full Size as follows;

    Step 6: Click the "Insert into Post" button


    Your image should now appear in line, in the position you wanted it in your Topic or Reply post...

    Repeat steps 1 -6 for subsequent images...
     
  2. Loading...


  3. DavidFL

    DavidFL Administrator Staff Member

    With the new Xenforo software you can upload images direct to GTR
    The image size is limited to 250KB, so if it is any bigger you have to reduce the size first.
    If the images are hosted on another site you only need insert the hyperkink to the image

    There are two stages to reducing image sizes; resize to correct dimensions, and compression...
    1.) Before uploading an image you need to first resize the image to a sensible size.
    • The maximum 800x600 pixels size is set as a compromise between big images and page load speeds
    2.) Compress the image to minimise the file size - 50 - 60% compression reduces file sizes significantly without degrading quality
    Web image resizer is a free easy tool to use
    Web Resizer - Making Photos Faster - Optimize pictures for websites and email

    To upload to GTR use the Upload A File Button bottom right
    Capture.JPG

    Click on this to get a pop out that will let you pick an image
    Capture2.JPG

    pick your image
    Capture3.JPG

    then at the bottom you should see the images listed at a thumbnail or full image
    Capture5.JPG

    insert the mouse cursor where you want the image to pop up then click full image.
    IMG_4449.JPG

    hey presto, all being well it pops up.
     
    Last edited: Jun 13, 2016
  4. DavidFL

    DavidFL Administrator Staff Member

    You can upload an image direct from your phone no matter what the size

    The image is automatically resized

    Following a test 1.4MB phone image upload
    IMG-20160618-WA0003.jpeg
     

Share This Page