Great success at TGS2016! I'll show you behind the scenes of the photo article.

Hello.
I'm Mandai, in charge of Wild on the development team.

It was a while ago, but this year Beyond exhibited at the Business Day of TGS 2016. It
was a great success, and we would like to thank the many people who visited our booth.

In the meantime, what I was doing was this

I had bought a large number of images, but when I tried to upload them, I hit the file size limit (I borrowed my wife's SLR camera, so the image quality was unnecessarily good), and after thinking about what to do, I came up with a solution in a snappy, engineer-like way, which is the purpose of this post

Of course, I put a special SD card in my wife's digital camera and, for the safety of the family, I sent it out to everyone in the company and deleted it before it became a source of conflict.
This is truly the information society age (?)!

Speaking of resizing

This time I did such a good job that I have over 200 photos, so the first hurdle is how to display them on the blog

Do you want to become a Photoshop expert by resizing each image individually using Photoshop or whatever? So, you can just convert them all at once using ImageMagick

Fortunately, my home PC runs Ubuntu, so I have ImageMagick installed

But it's 2am

But everyone is asleep

But I have work tomorrow too

But, but... I have no choice but to do it

So I started working slowly

 

The most basic of basics: resizing

When you install ImageMagick, several commands are installed, but this time we will use the convert command to resize the image

here 's the before image :

If you look at the image information using the identify command, it will look something like this:

identify kakkoii.jpg kakkoii.jpg JPEG 4288x2848 4288x2848+0+0 8-bit DirectClass 5.817MB 0.000u 0:00.000

As you'd expect from a SLR, it takes beautiful, detailed photos

Well, he's just an old man holding a gun

With a width of 4288 pixels, it's not suitable for web use.
You can't display it at full size unless you reduce it to about 1/4 of the original size, 1244 pixels, so viewing it in a browser is a waste of data.

Considering the layout of the homepage, I think it would be good to reduce the size to 20% this time

With this in mind, let's try converting it in one go

convert kakkoii.jpg -geometry 20% t1.jpg

There are several ways to resize using the convert command. You can use the -geometry option, as in this case, or you can use the -resize option

If you use the -resize option, it will look like this:

convert kakkoii.jpg -resize 20% t2.jpg

The option's position and format are the same.
When it comes to resizing, the -resize option seems to be the winner because it's more intuitive and easier to remember.

Let's look at the information about the images created using each method

identify t1.jpg t1.jpg JPEG 858x570 858x570+0+0 8-bit DirectClass 426KB 0.000u 0:00.000 identify t2.jpg t2.jpg JPEG 858x570 858x570+0+0 8-bit DirectClass 426KB 0.000u 0:00.009

They are exactly the same.
In fact, the size is exactly the same. There is no difference when I use the cmp command.

I've gone off on a tangent here, but if you loop the above convert command and apply it to all the files in the directory, you'll have image data for your blog in no time

By the way, there is also the mogrify command for bulk conversion, but since it rewrites the original data, we did not use it this time

If you want to convert in bulk using mogrify, it will look like this:

ls -al total 28448 drwxrwxr-x 2 vagrant vagrant 4096 Oct 4 17:31 . drwxrwxr-x 3 vagrant vagrant 4096 Oct 4 17:31 .. -rw-rw-r-- 1 vagrant vagrant 5816548 Oct 4 13:00 1.jpg -rw-rw-r-- 1 vagrant vagrant 5816548 Oct 4 13:00 2.jpg -rw-rw-r-- 1 vagrant vagrant 5816548 Oct 4 13:00 3.jpg -rw-rw-r-- 1 vagrant vagrant 5816548 Oct 4 13:00 4.jpg -rw-rw-r-- 1 vagrant vagrant 5816548 Oct 4 13:00 5.jpg mogrify -resize 20% *jpg ls -al total 2108 drwxrwxr-x 2 vagrant vagrant 4096 Oct 4 17:31 . drwxrwxr-x 3 vagrant vagrant 4096 Oct 4 17:31 .. -rw-rw-r-- 1 vagrant vagrant 426200 Oct 4 17:31 1.jpg -rw-rw-r-- 1 vagrant vagrant 426200 Oct 4 17:31 2.jpg -rw-rw-r-- 1 vagrant vagrant 426200 Oct 4 17:31 3.jpg -rw-rw-r-- 1 vagrant vagrant 426200 Oct 4 17:31 4.jpg -rw-rw-r-- 1 vagrant vagrant 426200 Oct 4 17:31 5.jpg

There was also no difference when compared to the one converted using the convert command

In the end, it turned out that it was the image selection rather than the image conversion that took the most time

Please also take a look at our photoshoot of the companions at Tokyo Game Show 2016, which took quite a while as we only had images

That's it.

If you found this article helpful , please give it a like!
0
Loading...
0 votes, average: 0.00 / 10
241
X facebook Hatena Bookmark pocket

The person who wrote this article

About the author

Yoichi Bandai

My main job is developing web APIs for social games, but I'm also fortunate to be able to do a lot of other work, including marketing.
Furthermore, my portrait rights in Beyond are treated as CC0 by him.