All Images should be Optimized!

Torey Heinz committed Mar 27, 2018
commit 29c02f6c046b7d818262543ca24c2aa04f583fb7
Showing 7 changed files with 8 additions and 8 deletions
app/views/pages/index.liquid +1 -1
@@ @@ -10,7 +10,7 @@ editable_elements:
---
{% extends 'layouts/application' %}
{% block 'main' %}
- <header>
+ <header style="background-image: url({{ 'header-bg.jpg' | theme_image_url | resize: '1200x400#', optimize: 80 }})">
<div class="content row column text-center">
<h1>
Canvas Innovations
app/views/pages/layouts/application.liquid +1 -1
@@ @@ -37,7 +37,7 @@ is_layout: true
<div class="top-bar-left text-center medium-text-left">
<div class="logo">
<a href="/">
- <img src="{{ 'CanvasInnovations-logo.jpg' | theme_image_url | resize: '125x40#'}}" width="125" height="87" alt="Canvas Innovations Logo">
+ <img src="{{ 'CanvasInnovations-logo.jpg' | theme_image_url | resize: '125x40#', optimize: 80 }}" width="125" height="87" alt="Canvas Innovations Logo">
</a>
</div>
</div>
app/views/pages/services.liquid +1 -1
@@ @@ -23,7 +23,7 @@ title: Services
</div>
<nav class="orbit-nav" >
{% for service in contents.services %}
- <img data-slide="{{ forloop.index0 }}" class="thumbnail" src="{{ service.featured_image.url | resize: '400x225#' }}">
+ <img data-slide="{{ forloop.index0 }}" class="thumbnail" src="{{ service.featured_image.url | resize: '400x225#', optimize: 80 }}">
{% endfor %}
</nav>
</div>
app/views/pages/services/content_type_template.liquid +2 -2
@@ @@ -8,7 +8,7 @@ content_type: services
{% endblock %}
{% block main %}
- <header class="service" data-background-url="{{ service.featured_image.url | resize: '1200x400#n' }}">
+ <header class="service" style="background-image: url({{ service.featured_image.url | resize: '1200x400#', optimize: 80 }})">
<div class="content row column text-center">
<h1>{{ service.title }}</h1>
</div>
@@ @@ -31,7 +31,7 @@ content_type: services
{% for image in service.images %}
<div class="column column-block">
<a href="{{ image.file.url | resize: '1200x', optimize: 80 }}">
- <img class="thumbnail" height="400" width="300" src="{{ 'CanvasInnovations-logo.jpg' | theme_image_url | resize: '400x300'}}" data-src="{{ image.file.url | resize: '400x300#', optimize: 50, progressive: true }}">
+ <img class="thumbnail" height="400" width="300" src="{{ 'CanvasInnovations-logo.jpg' | theme_image_url | resize: '400x300', optimize: 50 }}" data-src="{{ image.file.url | resize: '400x300#', optimize: 50 }}">
</a>
</div>
{% endfor %}
app/views/snippets/featured-services.liquid +1 -1
@@ @@ -6,7 +6,7 @@
<div class="card-divider">
<p class="lead"><a href="{% path_to service %}">{{ service.title }}</a></p>
</div>
- <img src="{{ service.featured_image.url | resize: '600x450#' }}">
+ <img src="{{ service.featured_image.url | resize: '600x450#', optimize: 80 }}">
<div class="card-section">
{{ service.brief }}
</div>
app/views/snippets/page_header.liquid +1 -1
@@ @@ -1,4 +1,4 @@
- <header class="service" data-background-url="{% editable_file 'banner', resize: '1200x400#' %}{% endeditable_file %}">
+ <header class="service" style="background-image: url({% editable_file 'banner', resize: '1200x400#', optimize: 80 %}{% endeditable_file %})">
<div class="content row column text-center">
<h1>{{ page.title }}</h1>
</div>
app/views/snippets/standard-services.liquid +1 -1
@@ @@ -6,7 +6,7 @@
<div class="card-divider">
<p class="lead"><a href="{% path_to service %}">{{ service.title }}</a></p>
</div>
- <img src="{{ service.featured_image.url | resize: '400x300#' }}">
+ <img src="{{ service.featured_image.url | resize: '400x300#', optimize: 80 }}">
<div class="card-section hide-for-small-only">
{{ service.brief }}
</div>