How to identify different display connection cables

We often get the question from our customers: Hey Fox in the Box, How do I connect my monitor to the PC or Workstation, and which cable do I need? Below we have created an infographic that will explain the most commonly used types of monitor display cable connections. We have added pictures for reference, and explain the main purposes and uses for these, as well as recommendation of which connections to use for the best experience.
You can also download a printer-friendly PDF-version.

To summarise, the most common connection types for display monitors are:

1. VGA or Video Graphics Array connector

A Blue, bulky connector with 15 pins and 2 screw on each side, supported maximum resolutions 1920 x 1080 pixels at a 60Hz refresh rate.

2. DVI or Digital Visual Interface connector

A White, bulky connector, 24-pins + a flat pin and 2 screws on each side. Supported maximum resolution is 1920 x 1200 at 60Hz pixels for Single Link cables and 2560 x 1600 at 60Hz for Dual Link DVI connectors.

3. DisplayPort

Slick, flat connector, commonly mistaken for HDMI due to its visual similarities, usually comes with a securing clamp with a press button on the top.
Maximum Resolution for DisplayPort 1.2 type cables is 3840 x 2160 pixels @ 60Hz, but DisplayPort 1.3 cables support up to 4K @120Hz and 8K @ 30Hz, and finally, DisplayPort 2.0 cables are capable of a high refresh rate: 4K @ 240Hz.

4. HDMI or High-Definition Multimedia Interface

One of the most commonly recognised connectors due to its popularity with modern-day Televisions.
An HDMI connector supports a maximum resolution of 3840 x 2160 pixels @ 144Hz refresh rate.

5. USB-C, or Thunderbolt – formerly known as USB Type-C

A small connector system with a rotationally symmetrical connector plug.
Maximum resolution supported: 3840 x 2160 pixels @ 60Hz