Reply
 
Thread Tools Display Modes
 
Old 10-07-2020, 04:11 PM   #1
Bus Nut
 
kazetsukai's Avatar
 
Join Date: May 2017
Location: Windham NH
Posts: 978
Year: 1999
Coachwork: Amtran
Chassis: International RE
Engine: International T444e
Rated Cap: 76
HOWTO: Rotate images!

Some people seem confused on how to rotate images they upload. Not everyone has the time to figure this out on their own, so I figured I'd write a HOWTO.

First, why would one want to rotate an image? Well, some cameras / phones take pictures with a "native" orientation and add rotation metadata to the file so that image viewers know to display the image rotated. However, not all image viewers support this- they will display the image and ignore which way it is told to rotate, and when you upload images a conversion process takes place to reduce the size of the image- at which point this metadata gets lost. In other cases, your phone when taking images may mistake which orientation the photo was taken in- saving it like you held your phone sideways when you held it upward.

The result is typically something like this:
initial_25%.jpg

This is really frustrating because the time you spent taking the images, putting together your well-thought-out post, etc all ends up looking silly rather than nice like:
rotated_25%.jpg

Second, there are many ways to accomplish this. You can use online tools to accomplish this, or your computer. Each method:

Method 1: Online tools

The easier method is to search "rotate images online", where you will find a _TON_ of sites that will rotate images for you. The problem with these sites is threefold:
  • They are all unique and have their own process to upload and rotate images
  • They are often loaded with advertising and annoyances- they need their ad revenue after all
  • Uploading images to a service like this is sharing information publicly that you may not wish to share with just anybody, even though you may intend to share it on a site like skoolie.net.
That being said, its hard to beat them if you just want to rotate that one image that came out wrong and don't care about doing this multiple times. Since I cannot show how precisely to use any and all image rotation services, I'll show how to do it here:

https://www.aconvert.com/image/rotate/

Again, this varies per service, and the link above can change. Overall the process is similar no matter where you go.

First, get to the page, and look for a way to upload/browse for your desired image.
rotate_online_01.png

The process is the same as when uploading, you'll have to find the image on your computer you want to upload.
rotate_online_02.png

The site will either have "clockwise"/"counter clockwise" or allow you to rotate at specific angles. If specifying an angle is the method, 90 degrees will usually do a clean rotate clockwise, 180 will rotate the image upside-down, and 270 will do the reverse of 90.
rotate_online_02.5.png

After which you will usually be required to click submit.
rotate_online_03.png

Sometimes, there's even a fancy progress bar!
rotate_online_04.png

What happens afterward varies as well. Sometimes a link is generated (see the bottom of the screenshot below), sometimes it just prompts you to save.
rotate_online_05.png

If it generates a link, you can right click the link to save the image. When saving you'll see a similar dialog as to when you uploaded.
rotate_online_06.png

Method 2: Your computer may have software already installed, able to do this for you.

For Windows 7/10, the image viewer can do this. Open the image,
ImageViewer_Default_Rotate.JPG
Click the rotate icon.
ImageViewer_Default_Rotate02.JPG

For Mac OSX, the preview tool can do this. Find your image, open it with Preview.
mac01.png
mac02.png

Click "Rotate Left" until your image is in the correct orientation.
mac03.png

Click File -> Save to save the newly rotated image.
mac04.png

You should see the image update in Finder (or your desktop as shown).
mac05.png

Method 3: If your computer lacks these tools or you want something a little more powerful, GIMP is a freely available image editor you can download.
Available for download here: https://www.gimp.org/

Installing new software is always harder and GIMP isn't as simple as the above methods, and GIMP is oriented towards professionals that require lots of powerful features.

I cannot walk you through installation as it varies per OS, however once installed you can right click your image to Open With GIMP:
gimp01.png

If it asks you about Keeping / Converting color spaces, choose Keep. You can then use Image -> Transform -> Rotate X degrees.
gimp02.png

Finally, to overwrite the existing file, click File > Overwrite filename, otherwise click File > Export As...
gimp03.png


Unfortunately I don't have the means to make a guide for iOS or Android at this time.
kazetsukai is offline   Reply With Quote
Old 10-07-2020, 04:30 PM   #2
Bus Crazy
 
CHEESE_WAGON's Avatar
 
Join Date: Sep 2013
Location: Virginia
Posts: 1,470
Year: None
Coachwork: None
Chassis: None
Engine: None
Rated Cap: None
Windows machines have the ability to do this as well. Factory-installed Paint 3D for Windows 10 is used in this example.

First, open your image file. Press Ctrl-A to 'select' the entire image as a canvas, then Select CANVAS (highlighted in yellow in the menu).


In the next step, appropriately check the Aspect ratio and Resize image with canvas (highlighted in red). Then, click the appropriate 'rotate' icon (also highlighted in red) for the direction you need the image to rotate.


Once your image is oriented the correct direction, select 'Save' or 'Save As' from Menu, and save the corrected image. Voila!

And also, some folks REALLY need to resize their larger images to a smaller size before uploading. I have noticed a lot of issues with some browsers trying to work with resizing the image to fit the browser window, usually jumping back and forth between a half-resized image or taking forever. Sometimes it locks up the browser.
__________________
"Cheese Wagon" <anomaly.va@gmail.com>

Former owner - 1989 Ford B700 64-pass Blue Bird (Rest In Peace, Cheese Wagon)
CHEESE_WAGON is offline   Reply With Quote
Old 10-07-2020, 04:52 PM   #3
Bus Nut
 
Join Date: Jan 2020
Location: Wild Wild West
Posts: 636
Year: 1999
Coachwork: Blue Bird
Chassis: TC RE
Engine: 8.3 Cummins MD3060
Rated Cap: 84
Thanks for putting in the time on this How-To.

I think the biggest problem with the rotated images comes from uploading images from a mobile device. I personally don't use a lap top or desk top when I am at home. The simple solution I have found for making the pics orient correctly is to take them correctly for this sites purpose. I have found, at least with the iPhone, if I take the pics holding my phone horizontally, the pics always upload correct. If I take them holding the phone vertically, they will always post sideways. I haven't tried this using my iPad, mostly because it's too cumbersome to have outside with me while working on the bus.
JackE is offline   Reply With Quote
Old 10-22-2020, 01:57 PM   #4
New Member
 
USMC TANK's Avatar
 
Join Date: Mar 2020
Location: New Hampshire
Posts: 7
Year: 1996
Coachwork: International
Chassis: 3800 (Thomas)
Engine: Inline 6 diesel
Rated Cap: 66 seats
My images were correctly rotated on my MAC when I downloaded them to the skoolie site. It was the skoolie site that rotated them incorrectly. can I rotate them in my skoolie account?
USMC TANK is offline   Reply With Quote
Old 10-22-2020, 02:04 PM   #5
Bus Nut
 
kazetsukai's Avatar
 
Join Date: May 2017
Location: Windham NH
Posts: 978
Year: 1999
Coachwork: Amtran
Chassis: International RE
Engine: International T444e
Rated Cap: 76
Quote:
Originally Posted by USMC TANK View Post
My images were correctly rotated on my MAC when I downloaded them to the skoolie site. It was the skoolie site that rotated them incorrectly. can I rotate them in my skoolie account?
The Mac knows how to display the images based on orientation metadata on the image, however once you upload them, the orientation metadata is lost. You will need to rotate them using the above methods before uploading them.
kazetsukai is offline   Reply With Quote
Old 10-24-2020, 12:37 AM   #6
Bus Geek
 
Join Date: Sep 2015
Posts: 3,542
Year: 2002
Coachwork: Thomas Built Bus
Chassis: Freightliner FS65
Engine: Caterpillar 3126E Diesel
Rated Cap: 71 Passenger- 30,000 lbs.
I must also add my thanks for making this how-to.


I seem to recall that Musigenesis says to save them in .png format once they are oriented on your computer/tablet screen. I have not tried this method.
Native is offline   Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


» Featured Campgrounds

Reviews provided by

Powered by vBadvanced CMPS v3.2.3

All times are GMT -5. The time now is 11:48 PM.


Powered by vBulletin® Version 3.8.8 Beta 4
Copyright ©2000 - 2020, vBulletin Solutions, Inc.
×