[QUERY] How to create an infographic in this community?

[Maus0728]

Good Day Folks,

I am having a lot of trouble posting my service announcement using an infographic that I have created. I am actually observing how other people post their beautiful banner and infographic in Services Section but I don't see anything special aside from using links produced by an image hosting website.

The problem is this. I tried to post an infographic that I have downloaded directly in the infographic creator with a width of 1500 pixel but it seems it is not fitted on the forum. It reduces the quality of the image if I am going to apply some changes of the dimension in the forum.

[TryNinja]

Maybe you can divide your infographic in several small images rather than a single big one? I see many ANN threads made this way.

Example: https://bitcointalk.org/index.php?topic=2683530.0

Notice how the image looks like its just a single big one. But in fact, they are not.

[mk4]

Maybe you can divide your infographic in several small images rather than a single big one?

Try this. That way, you wouldn't need to play with the dimensions of one single huge-ass image; as chances are, you're just using a not-good length:width ratio. Using several square images might look more clunky BBCode wise, but it doesn't look any different in the reader's point of view anyway.


EDIT: Also, try out Canva[1]. As a person that does a bit of internet marketing, Canva has been a lifesaver for me as I personally suck at photoshop.

[1] http://canva.com/

[Maus0728]

Maybe you can divide your infographic in several small images rather than a single big one? I see many ANN threads made this way.

Example: https://bitcointalk.org/index.php?topic=2683530.0

Notice how the image looks like its just a single big one. But in fact, they are not.

Thank you for your suggestion TryNinja . Please excuse me, but do you know what is the preferred dimension of an infographic to be posted here without reducing its quality?

~

Thank you mk4 for your suggestion too . And yes, I also use canva to make some poster or any other design that will help me for advertising or announcing some important matters.

Do you have a preferred dimension that I can try?

[TryNinja]

Thank you for your suggestion TryNinja . Please excuse me, but do you know what is the preferred dimension of an infographic to be posted here without reducing its quality?

Unfortunately, I don't. But you can try something similar to what the user did in the post I linked above.

You can also click "quote" on his post to see the code and create a thread yourself (in the Archival board) to do some testing.

In their case, they apper to have used the width 1100px and some varied heights (e.g: 366, 916, 1428, etc...).

[ChuckBuck]

As far as I know, you don't need to worry about the length, just define the width. Just a suggestion, you should try width = 1100. I am not sure about the result, but I believe it is the standard width for all inforgraphic on this forum. Just try it and let me know the result here 

[Maus0728]

As far as I know, you don't need to worry about the length, just define the width. Just a suggestion, you should try width = 1100. I am not sure about the result, but I believe it is the standard width for all inforgraphic on this forum. Just try it and let me know the result here 

I am going to try what TryNinja said about the preferred dimension. I'll experiment using small several images with different variation heights.

I'll let anyone know.

[Thekool1s]

There is a size limit of 2 MB for each image you can insert. If you go above this limit your images will result in an error. If you are going for a large infographic this amount is too low. I have created several posts in the past which involved infographics and animated gifs, what @TryNinja has suggested is the trick to create "beautiful infographics" on bitcointalk. If you are working on adobe illustrator try adding up more Artboards and splitting up the infographic. Export them separately and you can them insert them like this.

Code:

[img]URL of 1st piece[/img]
[img]URL of 2nd piece[/img]

It will come out as if they are single one big infographic. Check this post as reference: https://bitcointalk.org/index.php?topic=5181918 , Use the quote button and you will see how I designed it with the BBcode. If you really want to get creative you can mess around with code even further. E.G This code will horizontally link 2 separate images.

Code:

[img]URL of 1st piece[/img][img]URL of 2nd piece[/img]

As for the width, it varies what resolution you are targetting. For example if you are targetting the 1080p resolution then 1529 px is your figure this scales well on even 2k resolution... Otherwise, you can use this formula to calculate the appropriate width for the resolution you want to target... 

Code:

0.7963 * Width of resolution you are targetting

This should give you the width in pixels for the resolution you are targetting. Please do keep in mind if you are going to join two images horizontally with a higher resolution than 1080p then it won't work on the lower resolutions. Your images will keep dropping to the new line. E.G Let's say you are targetting the 1440p resolution and your image width is 2560px, if this was split between two horizontal images, each image's width will be 1280px. The issue is the image right across it will drop on the new line, it won't scale well on the 1080p resolution. However, if it's a single image of 2560px, it will scale well even on 1080p and lower...

Feel free to ask me anything, I will be more than happy to help...

[Maus0728]

~ snip ~

Hello Thekool1s and TryNinja. I followed your instruction in creating an awesome infographic and I divided them into several smaller images to make it look like a one big piece of text with pictures in it.

Thekool1s! I also used the inspect element in one of the infographic that you gave me as a reference to see what dimensions you are using in creating your infographics and it work fine for me. THANKS A LOT!

Here is the infographic that I have made. Thank you so much.
[SERVICE]Charcoal and Graphite Portrait Drawings. Tho, it is not that much perfect but I am so happy with the result.

Anyways how can you create such an awesome animated gif?

[Thekool1s]

Here is the infographic that I have made. Thank you so much.
[SERVICE]Charcoal and Graphite Portrait Drawings. Tho, it is not that much perfect but I am so happy with the result.

No problemo looks great! Good luck

Anyways how can you create such an awesome animated gif?

I use adobe after effects for animations and adobe media encoder to export the animations as gifs...