Render thumbs as jpeg to reduce image file sizes

Author: glitchwolfe

page/templates/blog/medium_listing.html

@@ -4,7 +4,7 @@
 	<div class="col-12 col-sm-5 listing-image">
 		<a href="{{page.url}}" title="{{page.title}}">
 			{% if page.header_image %}
-				{% image page.header_image fill-1200x800 %}
+				{% image page.header_image fill-1200x800 format-jpeg %}
 			{% else %}
 				<div class="placeholder"></div>
 			{% endif %}
@@ -16,9 +16,13 @@
 		</a>
 	</div>
 	<div class="col-12 col-sm-7 description">
-		<h3 class="title"><a href="{{page.url}}" title="{{page.title}}">{{page.title}}</a></h3>
+		<h3 class="title">
+			<a href="{{page.url}}" title="{{page.title}}">{{page.title}}</a>
+		</h3>
 		{% if page.subtitle %}
-			<h5 class="subtitle"><a href="{{page.url}}" title="{{page.title}}">{{page.subtitle}}</a></h5>
+			<h5 class="subtitle">
+				<a href="{{page.url}}" title="{{page.title}}">{{page.subtitle}}</a>
+			</h5>
 		{% endif %}
 		{% include "blog/meta_tags.html" %}
 	</div>

page/templates/blog/sidebar_listing.html

@@ -6,14 +6,14 @@
 			<a href="{{post.url}}" title="{{post.title}}">
 				<div class="thumb">
 					{% if post.header_image %}
-					{% image post.header_image fill-1200x800 %}
+						{% image post.header_image fill-1200x800 format-jpeg %}
 					{% else %}
-					<div class="placeholder"></div>
+						<div class="placeholder"></div>
 					{% endif %}
 					{% if post.category.title != "Blog Posts" %}
-					<label class="category-badge">
-						{{post.category.title|unpluralize_category}}
-					</label>
+						<label class="category-badge">
+							{{post.category.title|unpluralize_category}}
+						</label>
 					{% endif %}
 				</div>
 			</a>
@@ -22,10 +22,12 @@ <h6>
 					<a href="{{post.url}}" title="{{post.title}}">{{post.sidebar_title}}</a>
 				</h6>
 				{% if post.author %}
-				<small class="byline">By {% author post.author %}</small>
+					<small class="byline">By {% author post.author %}</small>
 				{% endif %}
 				{% if post.category.title == "News" %}
-				<small class="post-date"><i class="fa fa-clock"></i> {{post.post_date|date:"M d"}}</small>
+					<small class="post-date">
+						<i class="fa fa-clock"></i> {{post.post_date|date:"M d"}}
+					</small>
 				{% endif %}
 			</div>
 		</div>

spritesanddice/templatetags/menu_tags.py

@@ -48,7 +48,7 @@ def blog_posts(context, blog_folder=None, tag=None, user=None, page_number=1):
 	query = query.live().public().order_by('-go_live_at')
 
 	# Pagination
-	paginator = Paginator(query, 25)
+	paginator = Paginator(query, 20)
 	try:
 		pages = paginator.page(page_number)
 	except PageNotAnInteger: # First Page