Course Cover Image Best Practices
Anyone have a standard process of creating course cover images that work? Mine just create an awful mess:)
-
<% (categories.length > 1 ? categories : sections).forEach(function(block, index) { %>
-
<% if (imageHeight) { %>
<% } %> <% if (block.name) { %>
<%= block.name %>
<% } %> <% if (block.description) { %><%= block.description %>
<% } %>
<% }) %>
Comments
2 comments
I usually download high-resolution pictures from https://unsplash.com/ and then fade them out a bit. Many times I also will switch back and forth from dark mode to see which looks better.
I always use dark mode with opacity set to somewhere between 15-25% depending on how dark the image was already. I usually have the image set to display 'Full Screen'. I also select images that are decent resolution so they don't show distorted when enlarged. I also ensure the image is landscape oriented (not portrait) and similar proportions to the size that shows in Learner Library. I sometimes use free online image editing tools such as Pixlr to expand the size of square/portrait images with negative space in the same background colour horizontally to better fit desired dimensions without distorting the original image. Hope that helps.
Please sign in to leave a comment.