by Max Barry

Latest Forum Topics

Advertisement

1

Dispatch → Meta → Reference

by The Forests of Free Twigland. . 15 reads.

Resources for Images, GIFs, and Dispatches


Helpful Websites for Formatting

Flag Sizing (for best resolution)

Editing Images and GIFs

Up Arrows for Redirecting to Top of Page

Amperzand-Script

Outside Links:

Topic

Function

Website

Color

For 6 letter color codes

Linkhttps://html-color.codes/

Color

Text Gradients

Linkhttps://www.stuffbydavid.com/textcolorizer

Images

Put images online

Linkhttps://imgbb.com/, or also Linkhttps://imgur.com/

Images

Joins images together (for banner)

Linkhttps://old.photojoiner.net/

JPEGs

Resize/Optimize JPEGs only

Linkhttps://imageresizer.com/

Images
GIFs

Edit Images and GIFs (see section below)

Linkhttps://www4.lunapic.com/editor/
Linkhttps://ezgif.com/resize
PowerPoint
GIMP

Tables

For formatting Large Tables:
1. Use Excel.
2. Add tags with Excel formulas. Examples (in between quotes are text; E2 is a cell):

="[color=Mediumslateblue]"&E2&"[/color]"
="[color=Mediumslateblue][b]"&E2&"[/b][/color]"
="[background-block=#F5F5F5][color=Mediumslateblue][b]"&E2&"[/b][/color][/background-block]"
="[url="&E2&"]"&E2&"[/url]"
="[url="&E2&"][size=300]"&E2&"[/size][/url]"
3. Autofill whenever tags need to be repeated.

Excel~
Add text: Linkhttps://spreadsheetplanet.com/add-text-to-beginning-or-end-of-cells-excel/
Subtract text: Linkhttps://www.ablebits.com/office-addins-blog/remove-first-last-characters-excel/
Other Excel Help Guides: Link1, Link2

Tables

4. Copy and paste the new tagged cells to tableconvert website >>>
5. After the website has the table, then under Table Generator, scroll horizontally to select BBCode
6. After adding to dispatch, change the top row's th and /th to td and /td.

Linkhttps://tableconvert.com/

Synonyms

Garnished word choice

Linkhttps://www.thesaurus.com/

Emojis long list

Linkhttps://coolsymbol.com/

Internal (NationStates) Links:

Topic

Function

Website

Dispatch, of Table Types

Table Manipulation

Table Types

Hexadecimal Code Color Names

Hexadecimal Color names

Hexadecimal Colors (137)

Helpful Dispatches List

BBCode Help

BBCode guides

Helpful Dispatches List

Specific BBCode Help

Specific BBCode guides

Font Images fontmeme Dispatch

Linkfontmeme.com

Font Images Dispatch GUIDE/Examples

Helpful Dispatches List

Dispatch Templates

Dispatch Templates

Helpful Dispatches List

N-Day and Z-Day

N-Day (Z-Day also)

Helpful Dispatches List

Region Help

Region Administration

Formatting Notes:

  • A spoiler cannot be put into a pre, and a pre (that has a table in it) cannot be put into a table.

  • Sometimes, a font name needs to be capitalized for it to work. If it still doesn't work, add another font.

  • Word's Find and Replace can edit repetitive parts of BBCode


CaviarDreamsItalic-Wedding
Last Updated: 4 Feb 2024

Type

Width

Height

Size

Notes

JPEGs PNGs

535

355

if below 150 kB

(wide)

JPEGs PNGs

321

568

if below 150 kB

(tall)

JPEGs PNGs

428

284

if above 150 kB and/or doesn't fit width/height of two previous categories

will BE RESIZED to this

GIFs

321

213

if below 150 kb

GIFs

if above 150 kB and/or doesn't fit width/height of previous category

will BE CONVERTED to a static image and RESIZED

SVGs

"those images might be rejected as being too large even after compression"

Sometime before 20 August 2023, the resizing of GIFs was wrote to be at 428 pixels width and 284 pixels height. This has been removed.


LastKingQuest-Calligraphy

For Images and GIFs, Resizing and Optimizing can be done in:

Optimizing an image means to change the file size. An image should be resized first before optimizing. (This is because once the image is resized, it might become the right file size. Also, resizing after optimizing could cause an increased file size again.)

Program/Website

Resize

Optimize (reduce file size)

ImageResizer.com

JPEG only

JPEG only

LunaPic

1 option

1 option (Not working on 5 Feb 2024)

EZGIF

2 (Gifsicle, ImageMagick)

3 (Lossy, Color Reduction, Drop Frames)

GIMP

5 (None, Linear, Cubic, NoHalo, LoHalo)

GIF only
1 option (creates transparent layers)

It is useful to try different combinations of the options above, to find the best outcome. (Find the best Resize, and then go to the best Optimize.)

Resize

If color banding (lines of color) is acceptable, then GIMP's Cubic is best (has better detail despite this).
If avoiding color banding altogether, EZGIF's Imagemagick is best.

Example

Information

GIMP

Linkhttps://docs.gimp.org/en/gimp-tools-transform.html#gimp-tool-interpolation-methods

None

"The color of each pixel is copied from its closest neighboring pixel in the original image."

Linear

"The color of each pixel is computed as the average color of the four closest pixels in the original image."

Cubic

"The color of each pixel is computed as the average color of the eight closest pixels in the original image."

NoHalo

use if image was sharpened on gimp

LoHalo

use if image was sharpened on gimp

EZGIF

Gifsicle

"(faster, smaller file size)"

ImageMagick

LunaPic

1 option

Optimize

Resize used before: GIMP, Cubic
GIMP's Optimize (for GIF) does not have a way to control the amount of optimization, so EZGIF's Lossy is best.

Example

Information

GIMP

1 option (GIF)


105 kB

EZGIF

Lossy


96 kB

Color Reduction


146 kB

GIFs have 256 colors. Reduces the amount of colors.

Drop Frames

Not tried

LunaPic

1 option

Not working (5 Feb 2024)

Back to top of Spoiler


For GIFs, Editing the Frames and their timing can be done in:

Program/Website

Edit Individual Frames/Images?

Timing and Choosing of Frames?

EZGIF (website)

No

Yes

GIMP

Yes

Yes

PowerPoint

Yes

Unpredictable, but possible

Inaccuracies between PowerPoint and GIMP frame times:

  • In ppt, slide times are located at: Transitions > Timing, Advance Slide, After

  • 16 images at .1 sec (in PowerPoint) totals 3.13 sec in a GIF. 16 frames at 100ms (in GIMP) totals 1.6 sec in a GIF. Ratio of 1.96, or if rounded is 2. So, 00:00.10 in ppt corresponds to about 200ms in GIMP. Then maybe:

    • .10 in ppt = 200ms in GIMP.

    • .06 in ppt = 120ms in GIMP.

    • .07 in ppt = 140ms in GIMP.

    • .09 in ppt = 180ms in GIMP.

  • 2 images at 1 sec (in PowerPoint) totals 2.2 sec in a GIF. 2 frames at 1000ms (in GIMP) totals 2 sec in a GIF. Ratio of 1.1. So, 00:01.00 in PowerPoint becomes slightly higher once a GIF is created, but GIMP is exact at 1000ms meaning 1 second.

  • In conclusion, the times in GIMP are accurate/exact (16 x 100ms= 1.6 sec, 2 x 1000ms=2 sec). The times on PowerPoint are HIGHLY INACCURATE. So, it is best to use the estimates above as a starting point to find similarly matching frame times when converting to GIMP.

  • Website to compare times of GIFs: Linkhttps://onlinegiftools.com/analyze-gif


If you don’t like GIMP, you can edit frames in PowerPoint and then use EZGIF or GIMP for timing the frames. These are the free options for GIFs, but paid programs, like Photoshop, might work better for GIFs.

Free Websites

Type

Website

Instructions

JPEGs

Linkhttps://imageresizer.com/
ImageResizer.com

This is the easiest website to use, but it only optimizes JPEGs, so if your image is a JPEG, use this site.

JPEGs PNGs GIFs

Linkhttps://www4.lunapic.com/editor/
LunaPic

Resize:

  • Edit > Scale Image

  • make sure to click on "Apply Scaling" when done

Optimize:

  • File > Image Size Info

  • In the list in the center, click on the third one down: "Set File Size"

  • make sure to click on "Resize File" when done

Save Image:

  • File > Save Image

  • Click on the file format you want to save as

JPEGs PNGs GIFs

Linkhttps://ezgif.com/resize
EZGIF

Resize:

  • make sure you're on the resize tab, and upload

  • Type in either the width or height you'll need, and click on "Resize Image!"

    • If you're going to put numbers in both width and height, then where it says "If the aspect ratio does not match," select from the drop-down "Force original aspect ratio"

  • Before doing anything to leave the page, go within the new box below and click on either:

    • "save," or

    • "optimize," to keep editing this gif/image on the site

Optimize:

  • GIFs: Choose any option, and if a smaller file size is still needed, can layer more optimization by going back into the box below and clicking on "optimize" again

  • JPEGs/PNGs:

    • First see if "lossless" is enough, and if not enough then go back into the box below to "optimize" more

      • Where it says "fit file size in _ KB," keep subtracting one from the kB you need until the box below has the appropriate file size (start with 150, then 149, 148, 147...)

  • Before doing anything to leave the page, go within the newest box below and click on "save"

GIMP (for GIFs)

Instructions

In PowerPoint, to save all images:

  • File > Save As

  • Select:

    • Filename is the future Folder name

    • Save as type > JPEG

  • Click “Save”

  • Choose “All slides”

Linkhttps://www.youtube.com/watch?v=6XiluMiUvVg
Add images to GIMP (to create a GIF):

  • File > Open As Layers

  • Find folder that has PowerPoint images

  • Use shift to select all

  • “Open”

About the order of Layers (or images):

  • The default is to have these backwards, like Slide 16, Slide 15…, and this is the correct order for making a GIF

  • If you need to reorder these, go to: Layer > Stack > Reverse Layer Order

Linkhttps://graphicdesign.stackexchange.com/questions...
How to set individual frame times on GIMP:

  • At the end of layer’s name, add:

    • “ (200ms)(replace)”

    • Replace: for solid images/new image

    • Combine: to add images with transparency on top of previous image

    • ms stands for milliseconds; 200ms is 1/5 second.

  • When saving the GIF later, do not have “Use delay entered above for all frames” On.

To see preview of GIF (without having to save yet) on GIMP:

  • Filters > Animation > Playback

Increase GIF quality (do before saving)

  • Color Map and Dithering:

    • Image > Mode > Indexed

    • Color Dithering: “Floyd-Steinberg (reduced color bleeding)” There are 3 choices of dithering, and they look about the same.

    • “Convert”

Linkhttps://www.youtube.com/watch?v=6XiluMiUvVg&t=83s
Save GIF

  • File > Export As

  • End File name with “.gif”

  • Make sure “Select File Type (By Extension)” is below, and/or manually select GIF as the file type

  • “Export”

  • (new box appears)

    • Click off: “GIF comment”

    • Click on: “As Animation”

    • If click on “Use delay entered above for all frames,” then the amount above will be the same for all frames, and it will also override any individual frame times.

    • “Export”

Linkhttps://www.youtube.com/watch?v=KlmWhNRN8BQ
Resize GIF (in GIMP)

  • File > Open, (select GIF) “Open”

  • Image > Scale Image

  • Set width or height/check aspect ratio worked. The “Interpolation” has a few options for how the gif will appear after resizing. This says image, but it will also resize all images of a GIF.

  • “Scale”

  • (See Save GIF above)

Linkhttps://www.youtube.com/watch?v=QHrEvmJZ2bs
Optimize GIF (in GIMP)

  • File > Open, (select GIF) “Open”

  • Filters > Animation > Optimize (for GIF)

  • (See Save GIF above)


ElectroShackle-Futuristic
If any of these are useful to you, then please use them. If you have any images to add to this list, then telegram me.

Appearance

1. Put at the very top of dispatch: 

[anchor=top][/anchor]
2. Put at beginning of line that you want redirect to appear:

Notes

 

[float=right][url=#top][img]https://i.imgur.com/J9z9ZsG.gif[/img][/url][/float]

NationStates Original

 

[float=right][url=#top][img]https://i.imgur.com/cwFebiH.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/uO9Hnjn.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/16VCzmU.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/LRgAuJb.jpg[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/lvlCUNu.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/gE7JMcZ.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/V2oDENX.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/EXX4MhZ.png[/img][/url][/float]

🔺

 

[float=right][url=#top]🔺[/url][/float]

Appearance changes with different devices

 

[float=right][url=#top][img]https://i.imgur.com/DOkUAhX.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/A79EbtB.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/sPAsp8K.jpg[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/QDJEPtx.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/LcW3A8N.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/kVHqStW.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/MmVPqz5.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/K9ceKGw.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/YGWeyMW.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/tinPSjL.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/ukO3HMr.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/MnVf43A.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/4MihmnU.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/cUUIxLe.png[/img][/url][/float]

🔼

 

[float=right][url=#top]🔼[/url][/float]

Appearance changes with different devices

 

[float=right][url=#top][img]https://i.imgur.com/zwZ1Y4d.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/hWsxbMN.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/IEZVTev.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/ulXEakM.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/IufRGp0.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/PhGag9b.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/zN7Vk9k.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/vQSxGnk.png[/img][/url][/float]
 

[float=right][url=#top][img]https://i.imgur.com/Ki5pRLr.png[/img][/url][/float]

Back to Top

 

[float=right][url=#top][color=#000001]Back to Top[/color][/url][/float]
 

[float=right][url=#top][/url][/float]

The Forests of Free Twigland

Edited:

Raw • Report