diff --git a/dist/imgix.js b/dist/imgix.js
index c1f24b9f..f479d292 100644
--- a/dist/imgix.js
+++ b/dist/imgix.js
@@ -43,13 +43,6 @@ var ImgixTag = (function() {
 
     if (this.ixPathVal) {
       params = JSON.parse(this.ixParamsVal) || {};
-
-      // Encode any passed Base64 variant params
-      for (var key in params) {
-        if (key.substr(-2) === '64') {
-          params[key] = util.encode64(params[key]);
-        }
-      }
     } else {
       // If the user used `ix-src`, we have to extract the base params
       // from that string URL.
@@ -65,6 +58,13 @@ var ImgixTag = (function() {
       }
     }
 
+    // Encode any passed Base64 variant params
+    for (var key in params) {
+      if (key.substr(-2) === '64') {
+        params[key] = util.encode64(params[key]);
+      }
+    }
+
     if (imgix.config.includeLibraryParam) {
       params.ixlib = 'imgixjs-' + imgix.VERSION;
     }
diff --git a/dist/imgix.min.js b/dist/imgix.min.js
index 10ccae54..c860af90 100644
--- a/dist/imgix.min.js
+++ b/dist/imgix.min.js
@@ -1 +1 @@
-(function t(r,i,e){function s(n,o){if(!i[n]){if(!r[n]){var u=typeof require=="function"&&require;if(!o&&u)return u(n,!0);if(a)return a(n,!0);var c=new Error("Cannot find module '"+n+"'");throw c.code="MODULE_NOT_FOUND",c}var h=i[n]={exports:{}};r[n][0].call(h.exports,function(t){var i=r[n][1][t];return s(i?i:t)},h,h.exports,t,r,i,e)}return i[n].exports}var a=typeof require=="function"&&require;for(var n=0;n<e.length;n++)s(e[n]);return s})({1:[function(t,r,i){var e=t("./util.js"),s=t("./targetWidths.js");var a=function(){function t(t,r){this.el=t;this.settings=r||{};if(!this.el){throw new Error("ImgixTag must be passed a DOM element.")}if(this.el.hasAttribute("ix-initialized")&&!this.settings.force){return}this.ixPathVal=t.getAttribute("ix-path");this.ixParamsVal=t.getAttribute("ix-params");this.ixSrcVal=t.getAttribute("ix-src");this.ixHostVal=t.getAttribute("ix-host")||imgix.config.host;if(this.ixPathVal&&!this.ixHostVal){throw new Error("You must set a value for `imgix.config.host` or specify an `ix-host` attribute to use `ix-path` and `ix-params`.")}this.baseParams=this._extractBaseParams();this.baseUrl=this._buildBaseUrl();this.baseUrlWithoutQuery=this.baseUrl.split("?")[0];this.el.setAttribute(this.settings.sizesAttribute,this.sizes());this.el.setAttribute(this.settings.srcsetAttribute,this.srcset());if(this.el.nodeName=="IMG"){this.el.setAttribute(this.settings.srcAttribute,this.src())}this.el.setAttribute("ix-initialized","ix-initialized")}t.prototype._extractBaseParams=function(){var t;if(this.ixPathVal){t=JSON.parse(this.ixParamsVal)||{};for(var r in t){if(r.substr(-2)==="64"){t[r]=e.encode64(t[r])}}}else{var i=this.ixSrcVal.lastIndexOf("?"),s=this.ixSrcVal.substr(i+1),a=s.split("&");t={};for(var n=0,o;n<a.length;n++){o=a[n].split("=");t[o[0]]=o[1]}}if(imgix.config.includeLibraryParam){t.ixlib="imgixjs-"+imgix.VERSION}return t};t.prototype._buildBaseUrl=function(){if(this.ixSrcVal){return this.ixSrcVal}var t=this.ixPathVal,r=imgix.config.useHttps?"https":"http",i=r+"://"+this.ixHostVal,e=this.ixHostVal.substr(-1)==="/",s=t[0]==="/";if(e&&s){i+=t.substr(1)}else if(!e&&!s){i+="/"+t}else{i+=t}i+="?";var a=[],n;for(var o in this.baseParams){n=this.baseParams[o];a.push(encodeURIComponent(o)+"="+encodeURIComponent(n))}i+=a.join("&");return i};t.prototype._buildSrcsetPair=function(t){var r=e.shallowClone(this.baseParams);r.w=t;if(this.baseParams.w!=null&&this.baseParams.h!=null){r.h=Math.round(t*(this.baseParams.h/this.baseParams.w))}var i=this.baseUrlWithoutQuery+"?",s,a=[];for(var n in r){s=r[n];a.push(n+"="+s)}i+=a.join("&");return i+" "+t+"w"};t.prototype.src=function(){return this.baseUrl};t.prototype.srcset=function(){var t=[];for(var r=0;r<s.length;r++){t.push(this._buildSrcsetPair(s[r]))}return t.join(", ")};t.prototype.sizes=function(){var t=this.el.getAttribute("sizes");if(t){return t}else{return"100vw"}};return t}();r.exports=a},{"./targetWidths.js":4,"./util.js":5}],2:[function(t,r,i){r.exports={host:null,useHttps:true,includeLibraryParam:true}},{}],3:[function(t,r,i){(function(r){var i=t("./ImgixTag.js"),e=t("./util.js"),s=t("./defaultConfig");var a="3.0.2";var n=["img[ix-src]","source[ix-src]","img[ix-path]","source[ix-path]"].join(",");var o={force:false,srcAttribute:"src",srcsetAttribute:"srcset",sizesAttribute:"sizes"};r.imgix={init:function(t){var r=document.querySelectorAll(n),s=e.shallowClone(o);e.extend(s,t||{});for(var a=0,u;a<r.length;a++){new i(r[a],s)}},config:s,VERSION:a};e.domReady(function(){var t=document.querySelector('meta[property="ix:host"]'),i=document.querySelector('meta[property="ix:useHttps"]'),e=document.querySelector('meta[property="ix:includeLibraryParam"]');if(t){r.imgix.config.host=t.getAttribute("content")}if(i){var s=i.getAttribute("content")==="true";r.imgix.config.useHttps=s?true:false}if(e){var a=e.getAttribute("content")==="true";r.imgix.config.includeLibraryParam=a?true:false}r.imgix.init()})}).call(this,typeof global!=="undefined"?global:typeof self!=="undefined"?self:typeof window!=="undefined"?window:{})},{"./ImgixTag.js":1,"./defaultConfig":2,"./util.js":5}],4:[function(t,r,i){var e=t("./util.js");var s=2560*2;var a=100;var n={cssWidth:320,dpr:1};var o={cssWidth:320,dpr:2};var u={cssWidth:375,dpr:2};var c={cssWidth:360,dpr:4};var h={cssWidth:414,dpr:3};var d={cssWidth:736,dpr:3};var l={cssWidth:412,dpr:3.5};var f={cssWidth:690,dpr:3.5};var p={cssWidth:432,dpr:2.5};var v={cssWidth:768,dpr:2.5};var x={cssWidth:360,dpr:3};var m={cssWidth:640,dpr:3};var g={cssWidth:360,dpr:4};var b={cssWidth:640,dpr:4};var W={cssWidth:768,dpr:1};var y={cssWidth:1024,dpr:1};var w={cssWidth:768,dpr:2};var P={cssWidth:1024,dpr:2};var A={cssWidth:1024,dpr:2};var V={cssWidth:1366,dpr:2};var S={cssWidth:576,dpr:1};var j={cssWidth:576,dpr:2};var U={cssWidth:720,dpr:1};var C={cssWidth:720,dpr:2};var I={cssWidth:940,dpr:1};var _={cssWidth:940,dpr:2};var q={cssWidth:1140,dpr:1};var R={cssWidth:1140,dpr:2};var z=[n,o,u,c];var E=[W,y,w,P,A,V];var H=[h,d,l,f,p,v,x,m,g,b];var O=[S,j,U,C,I,_,q,R];function L(){return z.concat(H,E,O)}function M(){var t,r,i;var e=L();var s=[];for(r=0,i=e.length;r<i;r++){t=e[r];s.push(t.cssWidth*t.dpr)}return s}function N(){var t=[];for(var r=a;r<s;r+=a){t.push(r)}t.push(s);return t}function T(){var t=typeof window!=="undefined",r=M().concat(N()),i=[],n=t&&window.devicePixelRatio?window.devicePixelRatio:1,o=t?Math.max(window.screen.availWidth,window.screen.availHeight):s,u=a,c=t?o*n:s;var h,d;for(d=0;d<r.length;d++){h=r[d];if(h<=c&&h>=u){i.push(h)}}i.push(c);return e.uniq(i).sort(function(t,r){return t-r})}r.exports=T()},{"./util.js":5}],5:[function(t,r,i){r.exports={compact:function(t){var r=[];for(var i=0;i<t.length;i++){t[i]&&r.push(t[i])}return r},shallowClone:function(t){var r={};for(var i in t){r[i]=t[i]}return r},extend:function(t,r){for(var i in r){t[i]=r[i]}return t},uniq:function(t){var r={},i=[],e;for(e=0;e<t.length;e++){if(!r[t[e]]){r[t[e]]=true;i.push(t[e])}}return i},encode64:function(t){var r=unescape(encodeURIComponent(t)),i=btoa(r),e=i.replace(/\+/g,"-");e=e.replace(/\//g,"_").replace(/\//g,"_").replace(/\=+$/,"");return e},decode64:function(t){var r=t.replace(/-/g,"+").replace(/_/g,"/"),i=atob(r),e=decodeURIComponent(escape(i));return e},domReady:function(t){if(document.readyState==="complete"){setTimeout(t,0)}else if(document.addEventListener){document.addEventListener("DOMContentLoaded",t,false)}else{document.attachEvent("onreadystatechange",function(){if(document.readyState==="complete"){t()}})}}}},{}]},{},[3]);
+(function t(r,i,e){function s(n,o){if(!i[n]){if(!r[n]){var u=typeof require=="function"&&require;if(!o&&u)return u(n,!0);if(a)return a(n,!0);var c=new Error("Cannot find module '"+n+"'");throw c.code="MODULE_NOT_FOUND",c}var h=i[n]={exports:{}};r[n][0].call(h.exports,function(t){var i=r[n][1][t];return s(i?i:t)},h,h.exports,t,r,i,e)}return i[n].exports}var a=typeof require=="function"&&require;for(var n=0;n<e.length;n++)s(e[n]);return s})({1:[function(t,r,i){var e=t("./util.js"),s=t("./targetWidths.js");var a=function(){function t(t,r){this.el=t;this.settings=r||{};if(!this.el){throw new Error("ImgixTag must be passed a DOM element.")}if(this.el.hasAttribute("ix-initialized")&&!this.settings.force){return}this.ixPathVal=t.getAttribute("ix-path");this.ixParamsVal=t.getAttribute("ix-params");this.ixSrcVal=t.getAttribute("ix-src");this.ixHostVal=t.getAttribute("ix-host")||imgix.config.host;if(this.ixPathVal&&!this.ixHostVal){throw new Error("You must set a value for `imgix.config.host` or specify an `ix-host` attribute to use `ix-path` and `ix-params`.")}this.baseParams=this._extractBaseParams();this.baseUrl=this._buildBaseUrl();this.baseUrlWithoutQuery=this.baseUrl.split("?")[0];this.el.setAttribute(this.settings.sizesAttribute,this.sizes());this.el.setAttribute(this.settings.srcsetAttribute,this.srcset());if(this.el.nodeName=="IMG"){this.el.setAttribute(this.settings.srcAttribute,this.src())}this.el.setAttribute("ix-initialized","ix-initialized")}t.prototype._extractBaseParams=function(){var t;if(this.ixPathVal){t=JSON.parse(this.ixParamsVal)||{}}else{var r=this.ixSrcVal.lastIndexOf("?"),i=this.ixSrcVal.substr(r+1),s=i.split("&");t={};for(var a=0,n;a<s.length;a++){n=s[a].split("=");t[n[0]]=n[1]}}for(var o in t){if(o.substr(-2)==="64"){t[o]=e.encode64(t[o])}}if(imgix.config.includeLibraryParam){t.ixlib="imgixjs-"+imgix.VERSION}return t};t.prototype._buildBaseUrl=function(){if(this.ixSrcVal){return this.ixSrcVal}var t=this.ixPathVal,r=imgix.config.useHttps?"https":"http",i=r+"://"+this.ixHostVal,e=this.ixHostVal.substr(-1)==="/",s=t[0]==="/";if(e&&s){i+=t.substr(1)}else if(!e&&!s){i+="/"+t}else{i+=t}i+="?";var a=[],n;for(var o in this.baseParams){n=this.baseParams[o];a.push(encodeURIComponent(o)+"="+encodeURIComponent(n))}i+=a.join("&");return i};t.prototype._buildSrcsetPair=function(t){var r=e.shallowClone(this.baseParams);r.w=t;if(this.baseParams.w!=null&&this.baseParams.h!=null){r.h=Math.round(t*(this.baseParams.h/this.baseParams.w))}var i=this.baseUrlWithoutQuery+"?",s,a=[];for(var n in r){s=r[n];a.push(n+"="+s)}i+=a.join("&");return i+" "+t+"w"};t.prototype.src=function(){return this.baseUrl};t.prototype.srcset=function(){var t=[];for(var r=0;r<s.length;r++){t.push(this._buildSrcsetPair(s[r]))}return t.join(", ")};t.prototype.sizes=function(){var t=this.el.getAttribute("sizes");if(t){return t}else{return"100vw"}};return t}();r.exports=a},{"./targetWidths.js":4,"./util.js":5}],2:[function(t,r,i){r.exports={host:null,useHttps:true,includeLibraryParam:true}},{}],3:[function(t,r,i){(function(r){var i=t("./ImgixTag.js"),e=t("./util.js"),s=t("./defaultConfig");var a="3.0.2";var n=["img[ix-src]","source[ix-src]","img[ix-path]","source[ix-path]"].join(",");var o={force:false,srcAttribute:"src",srcsetAttribute:"srcset",sizesAttribute:"sizes"};r.imgix={init:function(t){var r=document.querySelectorAll(n),s=e.shallowClone(o);e.extend(s,t||{});for(var a=0,u;a<r.length;a++){new i(r[a],s)}},config:s,VERSION:a};e.domReady(function(){var t=document.querySelector('meta[property="ix:host"]'),i=document.querySelector('meta[property="ix:useHttps"]'),e=document.querySelector('meta[property="ix:includeLibraryParam"]');if(t){r.imgix.config.host=t.getAttribute("content")}if(i){var s=i.getAttribute("content")==="true";r.imgix.config.useHttps=s?true:false}if(e){var a=e.getAttribute("content")==="true";r.imgix.config.includeLibraryParam=a?true:false}r.imgix.init()})}).call(this,typeof global!=="undefined"?global:typeof self!=="undefined"?self:typeof window!=="undefined"?window:{})},{"./ImgixTag.js":1,"./defaultConfig":2,"./util.js":5}],4:[function(t,r,i){var e=t("./util.js");var s=2560*2;var a=100;var n={cssWidth:320,dpr:1};var o={cssWidth:320,dpr:2};var u={cssWidth:375,dpr:2};var c={cssWidth:360,dpr:4};var h={cssWidth:414,dpr:3};var d={cssWidth:736,dpr:3};var l={cssWidth:412,dpr:3.5};var f={cssWidth:690,dpr:3.5};var p={cssWidth:432,dpr:2.5};var v={cssWidth:768,dpr:2.5};var x={cssWidth:360,dpr:3};var m={cssWidth:640,dpr:3};var g={cssWidth:360,dpr:4};var b={cssWidth:640,dpr:4};var W={cssWidth:768,dpr:1};var y={cssWidth:1024,dpr:1};var w={cssWidth:768,dpr:2};var P={cssWidth:1024,dpr:2};var A={cssWidth:1024,dpr:2};var V={cssWidth:1366,dpr:2};var S={cssWidth:576,dpr:1};var j={cssWidth:576,dpr:2};var U={cssWidth:720,dpr:1};var C={cssWidth:720,dpr:2};var I={cssWidth:940,dpr:1};var _={cssWidth:940,dpr:2};var q={cssWidth:1140,dpr:1};var R={cssWidth:1140,dpr:2};var z=[n,o,u,c];var E=[W,y,w,P,A,V];var H=[h,d,l,f,p,v,x,m,g,b];var O=[S,j,U,C,I,_,q,R];function L(){return z.concat(H,E,O)}function M(){var t,r,i;var e=L();var s=[];for(r=0,i=e.length;r<i;r++){t=e[r];s.push(t.cssWidth*t.dpr)}return s}function N(){var t=[];for(var r=a;r<s;r+=a){t.push(r)}t.push(s);return t}function T(){var t=typeof window!=="undefined",r=M().concat(N()),i=[],n=t&&window.devicePixelRatio?window.devicePixelRatio:1,o=t?Math.max(window.screen.availWidth,window.screen.availHeight):s,u=a,c=t?o*n:s;var h,d;for(d=0;d<r.length;d++){h=r[d];if(h<=c&&h>=u){i.push(h)}}i.push(c);return e.uniq(i).sort(function(t,r){return t-r})}r.exports=T()},{"./util.js":5}],5:[function(t,r,i){r.exports={compact:function(t){var r=[];for(var i=0;i<t.length;i++){t[i]&&r.push(t[i])}return r},shallowClone:function(t){var r={};for(var i in t){r[i]=t[i]}return r},extend:function(t,r){for(var i in r){t[i]=r[i]}return t},uniq:function(t){var r={},i=[],e;for(e=0;e<t.length;e++){if(!r[t[e]]){r[t[e]]=true;i.push(t[e])}}return i},encode64:function(t){var r=unescape(encodeURIComponent(t)),i=btoa(r),e=i.replace(/\+/g,"-");e=e.replace(/\//g,"_").replace(/\//g,"_").replace(/\=+$/,"");return e},decode64:function(t){var r=t.replace(/-/g,"+").replace(/_/g,"/"),i=atob(r),e=decodeURIComponent(escape(i));return e},domReady:function(t){if(document.readyState==="complete"){setTimeout(t,0)}else if(document.addEventListener){document.addEventListener("DOMContentLoaded",t,false)}else{document.attachEvent("onreadystatechange",function(){if(document.readyState==="complete"){t()}})}}}},{}]},{},[3]);
diff --git a/index.html b/index.html
index 0642bf1a..aaf06ce3 100644
--- a/index.html
+++ b/index.html
@@ -94,7 +94,7 @@
   <body>
     <div class="wrapper">
       <img
-        ix-src="https://assets.imgix.net/unsplash/hotairballoon.jpg?w=300&amp;h=500&amp;fit=crop&amp;crop=right"
+        ix-src="https://assets.imgix.net/unsplash/hotairballoon.jpg?w=300&amp;h=500&amp;fit=crop&amp;crop=right&amp;auto64=compress,format"
         alt="A lighthouse"
         sizes="(min-width: 300px) 300px, calc(100vw - 20px)"
       >
diff --git a/spec/ImgixTagSpec.js b/spec/ImgixTagSpec.js
index 915d0284..21f31922 100644
--- a/spec/ImgixTagSpec.js
+++ b/spec/ImgixTagSpec.js
@@ -174,7 +174,7 @@ describe('ImgixTag', function() {
     expect(tag._extractBaseParams()).toEqual({
       page: '3',
       w: '600',
-      txt64: 'gibberish'
+      txt64: 'Z2liYmVyaXNo'
     });
   });
 
diff --git a/src/ImgixTag.js b/src/ImgixTag.js
index 3fca69de..c4d485fc 100644
--- a/src/ImgixTag.js
+++ b/src/ImgixTag.js
@@ -42,13 +42,6 @@ var ImgixTag = (function() {
 
     if (this.ixPathVal) {
       params = JSON.parse(this.ixParamsVal) || {};
-
-      // Encode any passed Base64 variant params
-      for (var key in params) {
-        if (key.substr(-2) === '64') {
-          params[key] = util.encode64(params[key]);
-        }
-      }
     } else {
       // If the user used `ix-src`, we have to extract the base params
       // from that string URL.
@@ -64,6 +57,13 @@ var ImgixTag = (function() {
       }
     }
 
+    // Encode any passed Base64 variant params
+    for (var key in params) {
+      if (key.substr(-2) === '64') {
+        params[key] = util.encode64(params[key]);
+      }
+    }
+
     if (imgix.config.includeLibraryParam) {
       params.ixlib = 'imgixjs-' + imgix.VERSION;
     }