THE EVOLVE EDTECH BLOG

Welcome to The Evolve EdTech Blog. Here you will find a range of blog entries from the team at Evolve EdTech exploring a range of tips, tricks and tools that you can use to help you incorporate educational technology into your classroom. New blog posts will be regularly uploaded to our website.

blog image

Edtech Header Size - Cheat Sheet

April 18, 20232 min read

Edtech Header Sizes - A Cheat Sheet.

Customising edtech tools for your class, faculty, school, department or district is something that has become more common throughout the COVID-19 pandemic. Plus, it just looks nice. Consistency in branding is key. It took many hours of trail and error to create the branding right here on the Evolve EdTech website.

​However, in saying this sometimes it is so difficult to find or know exactly what the dimensions are for common edtech tools that we may use in our classroom. No fear, Evolve EdTech is here to help you with this conundrum. In today's blog post we are going to share with you the dimension sizes for a range of common edtech tools to help you create the perfect branding. To model each tool we have also created a sample header using Canva. If you haven't got onto the Canva train yet, you are really missing out. You can probably find most of the header sizes listed below pre-set in Canva, however if you are using Google Slides, Drawings or another platform you will manually need to adjust the sizes. All dimensions listed below are in pixels.

#1: Google Keep - 800x450 (wide) or 800x800 (square)

Google Keep Header - Wide

800x450px (wide)

Google Keep Header - Square

800x800px (square)

#2: Google Forms - 1600x400

Google Forms Header Size

#3: Youtube - 2560x1440. Youtube recommends this as the ideal dimension for headers. Be mindful that different devices will have different viewing areas above the dimensions listed. This assists with optimising the viewing experience across multiple devices.

YouTube Header Size

#4: Twitter - 1500x500

Twitter Header Size

#5: Seesaw Blog - 1000x200

Seesaw Header Size

#6: Flip (Formally known as Flipgrid) - 1500x450

Flip Header Size

#7: Wakelet - 800x600

Wakelet Header Size

#8: Google Sites - 1920x1920 (large header) or 1920x1080 (for a banner). With Google Sites be aware that different devices will result in cropped headers.

Google Sites Header Size - Large Header

1920x1920 (large header)

Google Sites Header Size - Banner

1920x1080 (for a banner)

#9: Google Classroom - 1500x375. With Google Classroom the class name will be displayed over part of the header and a dark filter will be applied to assist with accessibility.

Google Classroom Header Size

Tristan Heron

Back to Blog

Looking for some new edtech tips, tricks or tools?

Join Evolve EdTech and learn about a range of edtech tips, tricks and tools by listening to the latest episode of The Evolve with EdTech Podcast.