diff --git a/assets/js/gallery.js b/assets/js/gallery.js
index 6177906..0594b85 100644
--- a/assets/js/gallery.js
+++ b/assets/js/gallery.js
@@ -10,7 +10,7 @@ $(function(){
         });
 
         $('#gallery').nanogallery2({
-            thumbnailHeight: 200,
+            thumbnailHeight: galleryUseHeight,
             thumbnailWidth: 'auto',
 
             thumbnailGutterWidth: 10,
diff --git a/layouts/partials/albums/images.json b/layouts/partials/albums/images.json
index b3c55b5..4d87756 100644
--- a/layouts/partials/albums/images.json
+++ b/layouts/partials/albums/images.json
@@ -1,6 +1,15 @@
 {{- $first := true -}}
 {{- $filter := images.AutoOrient -}}
 {{- $teaser := .Resources.GetMatch "thumbnail.jpg" -}}
+{{- $galleryHeight := 200 }}
+{{- with site.Params.galleryUseHeight }}
+    {{- $galleryHeight = . | int }}
+{{- end }}
+{{- with .Page.Params.galleryUseHeight }}
+    {{- $galleryHeight = . | int }}
+{{- end }}
+{{- $galleryWidth := mul $galleryHeight 1.5 | math.Round | int -}}
+{{- $gallerySize := printf "%dx%d" $galleryWidth $galleryHeight -}}
 {{- range .Resources.ByType "image" -}}
     {{- if not (eq $teaser .) -}}
         {{- if not $first }}, {{ end }}
@@ -11,7 +20,7 @@
                 "url": "{{ .RelPermalink }}",
                 "width": "{{ .Width }}",
                 "height": "{{ .Height }}",
-                "thumbnail": "{{ (.Fit "300x200").RelPermalink }}"
+                "thumbnail": "{{ (.Fit $gallerySize).RelPermalink }}"
             }
         {{- end -}}
     {{- end -}}
diff --git a/layouts/partials/head/js.html b/layouts/partials/head/js.html
index da2625c..b8eb6b6 100644
--- a/layouts/partials/head/js.html
+++ b/layouts/partials/head/js.html
@@ -13,4 +13,14 @@
 <!-- <script src="{{ .Page.Site.BaseURL }}/js/main.js" defer></script> -->
 <script src="{{ (resources.Get "js/jquery.min.js").RelPermalink }}"></script>
 <script src="{{ (resources.Get "js/jquery.nanogallery2.min.js").RelPermalink }}" defer></script>
+<script>
+  {{- $galleryHeight := 200 }}
+  {{- with site.Params.galleryUseHeight }}
+    {{- $galleryHeight = . }}
+  {{- end }}
+  {{- with .Page.Params.galleryUseHeight }}
+    {{- $galleryHeight = . }}
+  {{- end }}
+  var galleryUseHeight = {{ $galleryHeight }};
+</script>
 <script src="{{ (resources.Get "/js/gallery.js").RelPermalink }}" defer></script>