diff --git a/guide.html b/guide.html
index b095328..b42a78f 100644
--- a/guide.html
+++ b/guide.html
@@ -32,7 +32,7 @@
           </aside>
         </li>
         <li v-for="film in films">
-          <img :src="film.image" :alt="film.name">
+          <img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name">
           <h2>{{film.name}}</h2>
           <p>
             <span v-if="film.description">{{film.description}}</span>
diff --git a/images/small/adox-chs-100-ii-120.png b/images/small/adox-chs-100-ii-120.png
new file mode 100644
index 0000000..d9231f6
Binary files /dev/null and b/images/small/adox-chs-100-ii-120.png differ
diff --git a/images/small/adox-chs-100-ii-135.png b/images/small/adox-chs-100-ii-135.png
new file mode 100644
index 0000000..d589a99
Binary files /dev/null and b/images/small/adox-chs-100-ii-135.png differ
diff --git a/images/small/adox-cms-20-ii-120.png b/images/small/adox-cms-20-ii-120.png
new file mode 100644
index 0000000..3818326
Binary files /dev/null and b/images/small/adox-cms-20-ii-120.png differ
diff --git a/images/small/adox-cms-20-ii-135.png b/images/small/adox-cms-20-ii-135.png
new file mode 100644
index 0000000..fe124e2
Binary files /dev/null and b/images/small/adox-cms-20-ii-135.png differ
diff --git a/images/small/adox-color-implosion-135.png b/images/small/adox-color-implosion-135.png
new file mode 100644
index 0000000..dee6fa7
Binary files /dev/null and b/images/small/adox-color-implosion-135.png differ
diff --git a/images/small/adox-scala-160-135.png b/images/small/adox-scala-160-135.png
new file mode 100644
index 0000000..bf377f3
Binary files /dev/null and b/images/small/adox-scala-160-135.png differ
diff --git a/images/small/adox-scala-50-135.png b/images/small/adox-scala-50-135.png
new file mode 100644
index 0000000..4c2dc80
Binary files /dev/null and b/images/small/adox-scala-50-135.png differ
diff --git a/images/small/adox-silvermax-100-135.png b/images/small/adox-silvermax-100-135.png
new file mode 100644
index 0000000..66aec53
Binary files /dev/null and b/images/small/adox-silvermax-100-135.png differ
diff --git a/images/small/agfaphoto-apx-100-135.png b/images/small/agfaphoto-apx-100-135.png
new file mode 100644
index 0000000..4c16016
Binary files /dev/null and b/images/small/agfaphoto-apx-100-135.png differ
diff --git a/images/small/agfaphoto-apx-400-135.png b/images/small/agfaphoto-apx-400-135.png
new file mode 100644
index 0000000..0e876a9
Binary files /dev/null and b/images/small/agfaphoto-apx-400-135.png differ
diff --git a/images/small/agfaphoto-ct-precisa-100-135.png b/images/small/agfaphoto-ct-precisa-100-135.png
new file mode 100644
index 0000000..01cb948
Binary files /dev/null and b/images/small/agfaphoto-ct-precisa-100-135.png differ
diff --git a/images/small/bergger-pancro-400-120.png b/images/small/bergger-pancro-400-120.png
new file mode 100644
index 0000000..7427912
Binary files /dev/null and b/images/small/bergger-pancro-400-120.png differ
diff --git a/images/small/bergger-pancro-400-135.png b/images/small/bergger-pancro-400-135.png
new file mode 100644
index 0000000..b6b787d
Binary files /dev/null and b/images/small/bergger-pancro-400-135.png differ
diff --git a/images/small/cinestillfilm-cinestill-50d-120.png b/images/small/cinestillfilm-cinestill-50d-120.png
new file mode 100644
index 0000000..e2b8f20
Binary files /dev/null and b/images/small/cinestillfilm-cinestill-50d-120.png differ
diff --git a/images/small/cinestillfilm-cinestill-50d-135.png b/images/small/cinestillfilm-cinestill-50d-135.png
new file mode 100644
index 0000000..a9eb795
Binary files /dev/null and b/images/small/cinestillfilm-cinestill-50d-135.png differ
diff --git a/images/small/cinestillfilm-cinestill-800t-120.png b/images/small/cinestillfilm-cinestill-800t-120.png
new file mode 100644
index 0000000..290bbd1
Binary files /dev/null and b/images/small/cinestillfilm-cinestill-800t-120.png differ
diff --git a/images/small/cinestillfilm-cinestill-800t-135.png b/images/small/cinestillfilm-cinestill-800t-135.png
new file mode 100644
index 0000000..fd6617e
Binary files /dev/null and b/images/small/cinestillfilm-cinestill-800t-135.png differ
diff --git a/images/small/ferrania-p30-135.png b/images/small/ferrania-p30-135.png
new file mode 100644
index 0000000..38d5d86
Binary files /dev/null and b/images/small/ferrania-p30-135.png differ
diff --git a/images/small/foma-fomapan-100-120.png b/images/small/foma-fomapan-100-120.png
new file mode 100644
index 0000000..3feeb97
Binary files /dev/null and b/images/small/foma-fomapan-100-120.png differ
diff --git a/images/small/foma-fomapan-100-135.png b/images/small/foma-fomapan-100-135.png
new file mode 100644
index 0000000..a541993
Binary files /dev/null and b/images/small/foma-fomapan-100-135.png differ
diff --git a/images/small/foma-fomapan-200-120.png b/images/small/foma-fomapan-200-120.png
new file mode 100644
index 0000000..2833bf3
Binary files /dev/null and b/images/small/foma-fomapan-200-120.png differ
diff --git a/images/small/foma-fomapan-200-135.png b/images/small/foma-fomapan-200-135.png
new file mode 100644
index 0000000..f91922e
Binary files /dev/null and b/images/small/foma-fomapan-200-135.png differ
diff --git a/images/small/foma-fomapan-400-120.png b/images/small/foma-fomapan-400-120.png
new file mode 100644
index 0000000..9ab9deb
Binary files /dev/null and b/images/small/foma-fomapan-400-120.png differ
diff --git a/images/small/foma-fomapan-400-135.png b/images/small/foma-fomapan-400-135.png
new file mode 100644
index 0000000..6de31f7
Binary files /dev/null and b/images/small/foma-fomapan-400-135.png differ
diff --git a/images/small/foma-fomapan-r-100-135.png b/images/small/foma-fomapan-r-100-135.png
new file mode 100644
index 0000000..f8d5f9d
Binary files /dev/null and b/images/small/foma-fomapan-r-100-135.png differ
diff --git a/images/small/foma-retropan-320-120.png b/images/small/foma-retropan-320-120.png
new file mode 100644
index 0000000..99f5f5d
Binary files /dev/null and b/images/small/foma-retropan-320-120.png differ
diff --git a/images/small/foma-retropan-320-135.png b/images/small/foma-retropan-320-135.png
new file mode 100644
index 0000000..77208ec
Binary files /dev/null and b/images/small/foma-retropan-320-135.png differ
diff --git a/images/small/fujifilm-c200-135.png b/images/small/fujifilm-c200-135.png
new file mode 100644
index 0000000..080e206
Binary files /dev/null and b/images/small/fujifilm-c200-135.png differ
diff --git a/images/small/fujifilm-neopan-acros-100-120.png b/images/small/fujifilm-neopan-acros-100-120.png
new file mode 100644
index 0000000..cd5b8c1
Binary files /dev/null and b/images/small/fujifilm-neopan-acros-100-120.png differ
diff --git a/images/small/fujifilm-neopan-acros-100-135.png b/images/small/fujifilm-neopan-acros-100-135.png
new file mode 100644
index 0000000..463276d
Binary files /dev/null and b/images/small/fujifilm-neopan-acros-100-135.png differ
diff --git a/images/small/fujifilm-pro-160ns-120.png b/images/small/fujifilm-pro-160ns-120.png
new file mode 100644
index 0000000..ed6e162
Binary files /dev/null and b/images/small/fujifilm-pro-160ns-120.png differ
diff --git a/images/small/fujifilm-pro-400h-120.png b/images/small/fujifilm-pro-400h-120.png
new file mode 100644
index 0000000..7f8c641
Binary files /dev/null and b/images/small/fujifilm-pro-400h-120.png differ
diff --git a/images/small/fujifilm-pro-400h-135.png b/images/small/fujifilm-pro-400h-135.png
new file mode 100644
index 0000000..ae9f31b
Binary files /dev/null and b/images/small/fujifilm-pro-400h-135.png differ
diff --git a/images/small/fujifilm-provia-100f-120.png b/images/small/fujifilm-provia-100f-120.png
new file mode 100644
index 0000000..64e4467
Binary files /dev/null and b/images/small/fujifilm-provia-100f-120.png differ
diff --git a/images/small/fujifilm-provia-100f-135.png b/images/small/fujifilm-provia-100f-135.png
new file mode 100644
index 0000000..d654029
Binary files /dev/null and b/images/small/fujifilm-provia-100f-135.png differ
diff --git a/images/small/fujifilm-superia-200-135.png b/images/small/fujifilm-superia-200-135.png
new file mode 100644
index 0000000..e57fe05
Binary files /dev/null and b/images/small/fujifilm-superia-200-135.png differ
diff --git a/images/small/fujifilm-superia-venus-800-135.png b/images/small/fujifilm-superia-venus-800-135.png
new file mode 100644
index 0000000..a28469a
Binary files /dev/null and b/images/small/fujifilm-superia-venus-800-135.png differ
diff --git a/images/small/fujifilm-superia-x-tra-400-135.png b/images/small/fujifilm-superia-x-tra-400-135.png
new file mode 100644
index 0000000..e235653
Binary files /dev/null and b/images/small/fujifilm-superia-x-tra-400-135.png differ
diff --git a/images/small/fujifilm-velvia-100-120.png b/images/small/fujifilm-velvia-100-120.png
new file mode 100644
index 0000000..ff0ae34
Binary files /dev/null and b/images/small/fujifilm-velvia-100-120.png differ
diff --git a/images/small/fujifilm-velvia-100-135.png b/images/small/fujifilm-velvia-100-135.png
new file mode 100644
index 0000000..74d78d8
Binary files /dev/null and b/images/small/fujifilm-velvia-100-135.png differ
diff --git a/images/small/fujifilm-velvia-50-120.png b/images/small/fujifilm-velvia-50-120.png
new file mode 100644
index 0000000..11c39e1
Binary files /dev/null and b/images/small/fujifilm-velvia-50-120.png differ
diff --git a/images/small/fujifilm-velvia-50-135.png b/images/small/fujifilm-velvia-50-135.png
new file mode 100644
index 0000000..25a62a8
Binary files /dev/null and b/images/small/fujifilm-velvia-50-135.png differ
diff --git a/images/small/ilford-delta-100-120.png b/images/small/ilford-delta-100-120.png
new file mode 100644
index 0000000..5a9f841
Binary files /dev/null and b/images/small/ilford-delta-100-120.png differ
diff --git a/images/small/ilford-delta-100-135.png b/images/small/ilford-delta-100-135.png
new file mode 100644
index 0000000..3e76432
Binary files /dev/null and b/images/small/ilford-delta-100-135.png differ
diff --git a/images/small/ilford-delta-3200-120.png b/images/small/ilford-delta-3200-120.png
new file mode 100644
index 0000000..995a4f0
Binary files /dev/null and b/images/small/ilford-delta-3200-120.png differ
diff --git a/images/small/ilford-delta-3200-135.png b/images/small/ilford-delta-3200-135.png
new file mode 100644
index 0000000..b96b3bc
Binary files /dev/null and b/images/small/ilford-delta-3200-135.png differ
diff --git a/images/small/ilford-delta-400-120.png b/images/small/ilford-delta-400-120.png
new file mode 100644
index 0000000..a17ec77
Binary files /dev/null and b/images/small/ilford-delta-400-120.png differ
diff --git a/images/small/ilford-delta-400-135.png b/images/small/ilford-delta-400-135.png
new file mode 100644
index 0000000..82ed9df
Binary files /dev/null and b/images/small/ilford-delta-400-135.png differ
diff --git a/images/small/ilford-fp4-plus-125-120.png b/images/small/ilford-fp4-plus-125-120.png
new file mode 100644
index 0000000..bc184cd
Binary files /dev/null and b/images/small/ilford-fp4-plus-125-120.png differ
diff --git a/images/small/ilford-fp4-plus-125-135.png b/images/small/ilford-fp4-plus-125-135.png
new file mode 100644
index 0000000..962f744
Binary files /dev/null and b/images/small/ilford-fp4-plus-125-135.png differ
diff --git a/images/small/ilford-hp5-plus-400-120.png b/images/small/ilford-hp5-plus-400-120.png
new file mode 100644
index 0000000..e75d92a
Binary files /dev/null and b/images/small/ilford-hp5-plus-400-120.png differ
diff --git a/images/small/ilford-hp5-plus-400-135.png b/images/small/ilford-hp5-plus-400-135.png
new file mode 100644
index 0000000..e671957
Binary files /dev/null and b/images/small/ilford-hp5-plus-400-135.png differ
diff --git a/images/small/ilford-ortho-plus-80-120.png b/images/small/ilford-ortho-plus-80-120.png
new file mode 100644
index 0000000..4e644fb
Binary files /dev/null and b/images/small/ilford-ortho-plus-80-120.png differ
diff --git a/images/small/ilford-ortho-plus-80-135.png b/images/small/ilford-ortho-plus-80-135.png
new file mode 100644
index 0000000..f5ee528
Binary files /dev/null and b/images/small/ilford-ortho-plus-80-135.png differ
diff --git a/images/small/ilford-pan-f-plus-50-120.png b/images/small/ilford-pan-f-plus-50-120.png
new file mode 100644
index 0000000..fdbbb98
Binary files /dev/null and b/images/small/ilford-pan-f-plus-50-120.png differ
diff --git a/images/small/ilford-pan-f-plus-50-135.png b/images/small/ilford-pan-f-plus-50-135.png
new file mode 100644
index 0000000..f16ffed
Binary files /dev/null and b/images/small/ilford-pan-f-plus-50-135.png differ
diff --git a/images/small/ilford-sfx-200-120.png b/images/small/ilford-sfx-200-120.png
new file mode 100644
index 0000000..7ff0cef
Binary files /dev/null and b/images/small/ilford-sfx-200-120.png differ
diff --git a/images/small/ilford-sfx-200-135.png b/images/small/ilford-sfx-200-135.png
new file mode 100644
index 0000000..3e74687
Binary files /dev/null and b/images/small/ilford-sfx-200-135.png differ
diff --git a/images/small/ilford-xp2-super-400-120.png b/images/small/ilford-xp2-super-400-120.png
new file mode 100644
index 0000000..059fba9
Binary files /dev/null and b/images/small/ilford-xp2-super-400-120.png differ
diff --git a/images/small/ilford-xp2-super-400-135.png b/images/small/ilford-xp2-super-400-135.png
new file mode 100644
index 0000000..0962ef9
Binary files /dev/null and b/images/small/ilford-xp2-super-400-135.png differ
diff --git a/images/small/jch-street-pan-400-120.png b/images/small/jch-street-pan-400-120.png
new file mode 100644
index 0000000..a4c1d98
Binary files /dev/null and b/images/small/jch-street-pan-400-120.png differ
diff --git a/images/small/jch-street-pan-400-135.png b/images/small/jch-street-pan-400-135.png
new file mode 100644
index 0000000..527d6fe
Binary files /dev/null and b/images/small/jch-street-pan-400-135.png differ
diff --git a/images/small/kentmere-100-135.png b/images/small/kentmere-100-135.png
new file mode 100644
index 0000000..b4155f5
Binary files /dev/null and b/images/small/kentmere-100-135.png differ
diff --git a/images/small/kentmere-400-135.png b/images/small/kentmere-400-135.png
new file mode 100644
index 0000000..b4e764d
Binary files /dev/null and b/images/small/kentmere-400-135.png differ
diff --git a/images/small/kodak-colorplus-200-135.png b/images/small/kodak-colorplus-200-135.png
new file mode 100644
index 0000000..d753dba
Binary files /dev/null and b/images/small/kodak-colorplus-200-135.png differ
diff --git a/images/small/kodak-ektachrome-e100-120.png b/images/small/kodak-ektachrome-e100-120.png
new file mode 100644
index 0000000..20d1859
Binary files /dev/null and b/images/small/kodak-ektachrome-e100-120.png differ
diff --git a/images/small/kodak-ektachrome-e100-135.png b/images/small/kodak-ektachrome-e100-135.png
new file mode 100644
index 0000000..05415f2
Binary files /dev/null and b/images/small/kodak-ektachrome-e100-135.png differ
diff --git a/images/small/kodak-ektar-100-120.png b/images/small/kodak-ektar-100-120.png
new file mode 100644
index 0000000..08c423d
Binary files /dev/null and b/images/small/kodak-ektar-100-120.png differ
diff --git a/images/small/kodak-ektar-100-135.png b/images/small/kodak-ektar-100-135.png
new file mode 100644
index 0000000..92e8996
Binary files /dev/null and b/images/small/kodak-ektar-100-135.png differ
diff --git a/images/small/kodak-gold-200-135.png b/images/small/kodak-gold-200-135.png
new file mode 100644
index 0000000..6de699a
Binary files /dev/null and b/images/small/kodak-gold-200-135.png differ
diff --git a/images/small/kodak-portra-160-120.png b/images/small/kodak-portra-160-120.png
new file mode 100644
index 0000000..eb069d2
Binary files /dev/null and b/images/small/kodak-portra-160-120.png differ
diff --git a/images/small/kodak-portra-160-135.png b/images/small/kodak-portra-160-135.png
new file mode 100644
index 0000000..4b9337d
Binary files /dev/null and b/images/small/kodak-portra-160-135.png differ
diff --git a/images/small/kodak-portra-400-120.png b/images/small/kodak-portra-400-120.png
new file mode 100644
index 0000000..6c00a2b
Binary files /dev/null and b/images/small/kodak-portra-400-120.png differ
diff --git a/images/small/kodak-portra-400-135.png b/images/small/kodak-portra-400-135.png
new file mode 100644
index 0000000..d9d3655
Binary files /dev/null and b/images/small/kodak-portra-400-135.png differ
diff --git a/images/small/kodak-portra-800-120.png b/images/small/kodak-portra-800-120.png
new file mode 100644
index 0000000..1832c81
Binary files /dev/null and b/images/small/kodak-portra-800-120.png differ
diff --git a/images/small/kodak-portra-800-135.png b/images/small/kodak-portra-800-135.png
new file mode 100644
index 0000000..882c1f9
Binary files /dev/null and b/images/small/kodak-portra-800-135.png differ
diff --git a/images/small/kodak-proimage-100-135.png b/images/small/kodak-proimage-100-135.png
new file mode 100644
index 0000000..abdf0e2
Binary files /dev/null and b/images/small/kodak-proimage-100-135.png differ
diff --git a/images/small/kodak-t-max-100-120.png b/images/small/kodak-t-max-100-120.png
new file mode 100644
index 0000000..c938998
Binary files /dev/null and b/images/small/kodak-t-max-100-120.png differ
diff --git a/images/small/kodak-t-max-100-135.png b/images/small/kodak-t-max-100-135.png
new file mode 100644
index 0000000..dfedc56
Binary files /dev/null and b/images/small/kodak-t-max-100-135.png differ
diff --git a/images/small/kodak-t-max-400-120.png b/images/small/kodak-t-max-400-120.png
new file mode 100644
index 0000000..1ac8433
Binary files /dev/null and b/images/small/kodak-t-max-400-120.png differ
diff --git a/images/small/kodak-t-max-400-135.png b/images/small/kodak-t-max-400-135.png
new file mode 100644
index 0000000..30e4363
Binary files /dev/null and b/images/small/kodak-t-max-400-135.png differ
diff --git a/images/small/kodak-t-max-p-3200-135.png b/images/small/kodak-t-max-p-3200-135.png
new file mode 100644
index 0000000..72b960d
Binary files /dev/null and b/images/small/kodak-t-max-p-3200-135.png differ
diff --git a/images/small/kodak-tri-x-400-120.png b/images/small/kodak-tri-x-400-120.png
new file mode 100644
index 0000000..47d8abf
Binary files /dev/null and b/images/small/kodak-tri-x-400-120.png differ
diff --git a/images/small/kodak-tri-x-400-135.png b/images/small/kodak-tri-x-400-135.png
new file mode 100644
index 0000000..240d67b
Binary files /dev/null and b/images/small/kodak-tri-x-400-135.png differ
diff --git a/images/small/kodak-ultramax-400-135.png b/images/small/kodak-ultramax-400-135.png
new file mode 100644
index 0000000..9c303d6
Binary files /dev/null and b/images/small/kodak-ultramax-400-135.png differ
diff --git a/images/small/kosmo-foto-mono-100-120.png b/images/small/kosmo-foto-mono-100-120.png
new file mode 100644
index 0000000..c817733
Binary files /dev/null and b/images/small/kosmo-foto-mono-100-120.png differ
diff --git a/images/small/kosmo-foto-mono-100-135.png b/images/small/kosmo-foto-mono-100-135.png
new file mode 100644
index 0000000..4236e44
Binary files /dev/null and b/images/small/kosmo-foto-mono-100-135.png differ
diff --git a/images/small/lomography-berlin-400-120.png b/images/small/lomography-berlin-400-120.png
new file mode 100644
index 0000000..8321081
Binary files /dev/null and b/images/small/lomography-berlin-400-120.png differ
diff --git a/images/small/lomography-berlin-400-135.png b/images/small/lomography-berlin-400-135.png
new file mode 100644
index 0000000..3d3cfe0
Binary files /dev/null and b/images/small/lomography-berlin-400-135.png differ
diff --git a/images/small/lomography-color-negative-100-120.png b/images/small/lomography-color-negative-100-120.png
new file mode 100644
index 0000000..3d2c8ce
Binary files /dev/null and b/images/small/lomography-color-negative-100-120.png differ
diff --git a/images/small/lomography-color-negative-100-135.png b/images/small/lomography-color-negative-100-135.png
new file mode 100644
index 0000000..719ae32
Binary files /dev/null and b/images/small/lomography-color-negative-100-135.png differ
diff --git a/images/small/lomography-color-negative-400-120.png b/images/small/lomography-color-negative-400-120.png
new file mode 100644
index 0000000..55dcfed
Binary files /dev/null and b/images/small/lomography-color-negative-400-120.png differ
diff --git a/images/small/lomography-color-negative-400-135.png b/images/small/lomography-color-negative-400-135.png
new file mode 100644
index 0000000..52ce318
Binary files /dev/null and b/images/small/lomography-color-negative-400-135.png differ
diff --git a/images/small/lomography-color-negative-800-120.png b/images/small/lomography-color-negative-800-120.png
new file mode 100644
index 0000000..4ee5e73
Binary files /dev/null and b/images/small/lomography-color-negative-800-120.png differ
diff --git a/images/small/lomography-color-negative-800-135.png b/images/small/lomography-color-negative-800-135.png
new file mode 100644
index 0000000..e439b22
Binary files /dev/null and b/images/small/lomography-color-negative-800-135.png differ
diff --git a/images/small/lomography-earl-grey-100-120.png b/images/small/lomography-earl-grey-100-120.png
new file mode 100644
index 0000000..7c3f1a9
Binary files /dev/null and b/images/small/lomography-earl-grey-100-120.png differ
diff --git a/images/small/lomography-earl-grey-100-135.png b/images/small/lomography-earl-grey-100-135.png
new file mode 100644
index 0000000..570858d
Binary files /dev/null and b/images/small/lomography-earl-grey-100-135.png differ
diff --git a/images/small/lomography-lady-grey-400-120.png b/images/small/lomography-lady-grey-400-120.png
new file mode 100644
index 0000000..07876d2
Binary files /dev/null and b/images/small/lomography-lady-grey-400-120.png differ
diff --git a/images/small/lomography-lady-grey-400-135.png b/images/small/lomography-lady-grey-400-135.png
new file mode 100644
index 0000000..c304f1f
Binary files /dev/null and b/images/small/lomography-lady-grey-400-135.png differ
diff --git a/images/small/lomography-lobster-200-110.png b/images/small/lomography-lobster-200-110.png
new file mode 100644
index 0000000..3008134
Binary files /dev/null and b/images/small/lomography-lobster-200-110.png differ
diff --git a/images/small/lomography-lomochrome-metropolis-100-400-110.png b/images/small/lomography-lomochrome-metropolis-100-400-110.png
new file mode 100644
index 0000000..705eeeb
Binary files /dev/null and b/images/small/lomography-lomochrome-metropolis-100-400-110.png differ
diff --git a/images/small/lomography-lomochrome-metropolis-100-400-120.png b/images/small/lomography-lomochrome-metropolis-100-400-120.png
new file mode 100644
index 0000000..ae51c69
Binary files /dev/null and b/images/small/lomography-lomochrome-metropolis-100-400-120.png differ
diff --git a/images/small/lomography-lomochrome-metropolis-100-400-135.png b/images/small/lomography-lomochrome-metropolis-100-400-135.png
new file mode 100644
index 0000000..251394e
Binary files /dev/null and b/images/small/lomography-lomochrome-metropolis-100-400-135.png differ
diff --git a/images/small/lomography-lomochrome-purple-100-400-110.png b/images/small/lomography-lomochrome-purple-100-400-110.png
new file mode 100644
index 0000000..b66897d
Binary files /dev/null and b/images/small/lomography-lomochrome-purple-100-400-110.png differ
diff --git a/images/small/lomography-lomochrome-purple-100-400-120.png b/images/small/lomography-lomochrome-purple-100-400-120.png
new file mode 100644
index 0000000..e9a324c
Binary files /dev/null and b/images/small/lomography-lomochrome-purple-100-400-120.png differ
diff --git a/images/small/lomography-lomochrome-purple-100-400-135.png b/images/small/lomography-lomochrome-purple-100-400-135.png
new file mode 100644
index 0000000..d0ce7a1
Binary files /dev/null and b/images/small/lomography-lomochrome-purple-100-400-135.png differ
diff --git a/images/small/lomography-orca-100-110.png b/images/small/lomography-orca-100-110.png
new file mode 100644
index 0000000..c9d9347
Binary files /dev/null and b/images/small/lomography-orca-100-110.png differ
diff --git a/images/small/lomography-peacock-200-110.png b/images/small/lomography-peacock-200-110.png
new file mode 100644
index 0000000..320632c
Binary files /dev/null and b/images/small/lomography-peacock-200-110.png differ
diff --git a/images/small/lomography-potsdam-100-120.png b/images/small/lomography-potsdam-100-120.png
new file mode 100644
index 0000000..ae2f9ed
Binary files /dev/null and b/images/small/lomography-potsdam-100-120.png differ
diff --git a/images/small/lomography-potsdam-100-135.png b/images/small/lomography-potsdam-100-135.png
new file mode 100644
index 0000000..00d22bc
Binary files /dev/null and b/images/small/lomography-potsdam-100-135.png differ
diff --git a/images/small/lomography-redscale-50-200-120.png b/images/small/lomography-redscale-50-200-120.png
new file mode 100644
index 0000000..d810577
Binary files /dev/null and b/images/small/lomography-redscale-50-200-120.png differ
diff --git a/images/small/lomography-redscale-50-200-135.png b/images/small/lomography-redscale-50-200-135.png
new file mode 100644
index 0000000..8d414d2
Binary files /dev/null and b/images/small/lomography-redscale-50-200-135.png differ
diff --git a/images/small/lomography-tiger-200-110.png b/images/small/lomography-tiger-200-110.png
new file mode 100644
index 0000000..802cc7e
Binary files /dev/null and b/images/small/lomography-tiger-200-110.png differ
diff --git a/images/small/random.png b/images/small/random.png
new file mode 100644
index 0000000..db3a6b2
Binary files /dev/null and b/images/small/random.png differ
diff --git a/images/small/rollei-crossbird-120.png b/images/small/rollei-crossbird-120.png
new file mode 100644
index 0000000..23beed1
Binary files /dev/null and b/images/small/rollei-crossbird-120.png differ
diff --git a/images/small/rollei-crossbird-135.png b/images/small/rollei-crossbird-135.png
new file mode 100644
index 0000000..a2b19c7
Binary files /dev/null and b/images/small/rollei-crossbird-135.png differ
diff --git a/images/small/rollei-infrared-400-120.png b/images/small/rollei-infrared-400-120.png
new file mode 100644
index 0000000..bc4dd47
Binary files /dev/null and b/images/small/rollei-infrared-400-120.png differ
diff --git a/images/small/rollei-infrared-400-135.png b/images/small/rollei-infrared-400-135.png
new file mode 100644
index 0000000..393a867
Binary files /dev/null and b/images/small/rollei-infrared-400-135.png differ
diff --git a/images/small/rollei-ortho-25-120.png b/images/small/rollei-ortho-25-120.png
new file mode 100644
index 0000000..33137a5
Binary files /dev/null and b/images/small/rollei-ortho-25-120.png differ
diff --git a/images/small/rollei-ortho-25-135.png b/images/small/rollei-ortho-25-135.png
new file mode 100644
index 0000000..f237186
Binary files /dev/null and b/images/small/rollei-ortho-25-135.png differ
diff --git a/images/small/rollei-retro-400s-120.png b/images/small/rollei-retro-400s-120.png
new file mode 100644
index 0000000..4c2378f
Binary files /dev/null and b/images/small/rollei-retro-400s-120.png differ
diff --git a/images/small/rollei-retro-400s-135.png b/images/small/rollei-retro-400s-135.png
new file mode 100644
index 0000000..95e6d65
Binary files /dev/null and b/images/small/rollei-retro-400s-135.png differ
diff --git a/images/small/rollei-retro-80s-120.png b/images/small/rollei-retro-80s-120.png
new file mode 100644
index 0000000..abb7f32
Binary files /dev/null and b/images/small/rollei-retro-80s-120.png differ
diff --git a/images/small/rollei-retro-80s-135.png b/images/small/rollei-retro-80s-135.png
new file mode 100644
index 0000000..b834497
Binary files /dev/null and b/images/small/rollei-retro-80s-135.png differ
diff --git a/images/small/rollei-rpx-100-120.png b/images/small/rollei-rpx-100-120.png
new file mode 100644
index 0000000..e6ce113
Binary files /dev/null and b/images/small/rollei-rpx-100-120.png differ
diff --git a/images/small/rollei-rpx-100-135.png b/images/small/rollei-rpx-100-135.png
new file mode 100644
index 0000000..530d7aa
Binary files /dev/null and b/images/small/rollei-rpx-100-135.png differ
diff --git a/images/small/rollei-rpx-25-120.png b/images/small/rollei-rpx-25-120.png
new file mode 100644
index 0000000..78a7c7d
Binary files /dev/null and b/images/small/rollei-rpx-25-120.png differ
diff --git a/images/small/rollei-rpx-25-135.png b/images/small/rollei-rpx-25-135.png
new file mode 100644
index 0000000..072d210
Binary files /dev/null and b/images/small/rollei-rpx-25-135.png differ
diff --git a/images/small/rollei-rpx-400-120.png b/images/small/rollei-rpx-400-120.png
new file mode 100644
index 0000000..a8a6ce9
Binary files /dev/null and b/images/small/rollei-rpx-400-120.png differ
diff --git a/images/small/rollei-rpx-400-135.png b/images/small/rollei-rpx-400-135.png
new file mode 100644
index 0000000..6da8ab4
Binary files /dev/null and b/images/small/rollei-rpx-400-135.png differ
diff --git a/images/small/rollei-superpan-200-120.png b/images/small/rollei-superpan-200-120.png
new file mode 100644
index 0000000..792b6bb
Binary files /dev/null and b/images/small/rollei-superpan-200-120.png differ
diff --git a/images/small/rollei-superpan-200-135.png b/images/small/rollei-superpan-200-135.png
new file mode 100644
index 0000000..9c02bb4
Binary files /dev/null and b/images/small/rollei-superpan-200-135.png differ
diff --git a/index.html b/index.html
index 5bc28cf..f1e85d3 100644
--- a/index.html
+++ b/index.html
@@ -39,7 +39,7 @@
       </aside>
       <ul v-cloak>
         <li v-for="film in films">
-          <img :src="film.image" :alt="film.name">
+          <img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name">
           <h2>{{film.name}}</h2>
           <p>
             <span v-if="film.description">{{film.description}}</span>
diff --git a/js/current-films.js b/js/current-films.js
index f46f2c5..61fd070 100644
--- a/js/current-films.js
+++ b/js/current-films.js
@@ -14,7 +14,7 @@ var currentfilms = [
     "datasheet": "datasheets/adox-chs-100-ii.pdf",
     "lomography": "https://www.lomography.com/films/871958938-adox-chs-100-ii/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Adox%20CHS%20100%20II%22",
-    "image": "images/adox-chs-100-ii-120.png"
+    "image": "adox-chs-100-ii-120.png"
   },
   {
     "company": "Adox",
@@ -31,7 +31,7 @@ var currentfilms = [
     "datasheet": "datasheets/adox-chs-100-ii.pdf",
     "lomography": "https://www.lomography.com/films/871958938-adox-chs-100-ii/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Adox%20CHS%20100%20II%22",
-    "image": "images/adox-chs-100-ii-135.png"
+    "image": "adox-chs-100-ii-135.png"
   },
   {
     "company": "Adox",
@@ -48,7 +48,7 @@ var currentfilms = [
     "datasheet": "datasheets/adox-cms-20-ii.pdf",
     "lomography": "https://www.lomography.com/films/871965093-adox-cms-20-ii/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Adox%20CMS%2020%20II%22",
-    "image": "images/adox-cms-20-ii-120.png"
+    "image": "adox-cms-20-ii-120.png"
   },
   {
     "company": "Adox",
@@ -65,7 +65,7 @@ var currentfilms = [
     "datasheet": "datasheets/adox-cms-20-ii.pdf",
     "lomography": "https://www.lomography.com/films/871965093-adox-cms-20-ii/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Adox%20CMS%2020%20II%22",
-    "image": "images/adox-cms-20-ii-135.png"
+    "image": "adox-cms-20-ii-135.png"
   },
   {
     "company": "Adox",
@@ -82,7 +82,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871951418-adox-color-implosion/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Adox%20Color%20Implosion%22",
-    "image": "images/adox-color-implosion-135.png"
+    "image": "adox-color-implosion-135.png"
   },
   {
     "company": "Adox",
@@ -99,7 +99,7 @@ var currentfilms = [
     "datasheet": "datasheets/adox-hr-50.pdf",
     "lomography": "https://www.lomography.com/films/871968181-adox-hr-50/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Adox%20HR-50%22",
-    "image": "images/random.png"
+    "image": "random.png"
   },
   {
     "company": "Adox",
@@ -116,7 +116,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Adox%20Scala%2050%22",
-    "image": "images/adox-scala-50-135.png"
+    "image": "adox-scala-50-135.png"
   },
   {
     "company": "Adox",
@@ -133,7 +133,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871965587-adox-scala-160/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Adox%20Scala%20160%22",
-    "image": "images/adox-scala-160-135.png"
+    "image": "adox-scala-160-135.png"
   },
   {
     "company": "Adox",
@@ -150,7 +150,7 @@ var currentfilms = [
     "datasheet": "datasheets/adox-silvermax-100.pdf",
     "lomography": "https://www.lomography.com/films/871953394-adox-silvermax-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Adox%20Silvermax%20100%22",
-    "image": "images/adox-silvermax-100-135.png"
+    "image": "adox-silvermax-100-135.png"
   },
   {
     "company": "Agfaphoto",
@@ -167,7 +167,7 @@ var currentfilms = [
     "datasheet": "datasheets/agfaphoto-apx-100.pdf",
     "lomography": "https://www.lomography.com/films/871912608-agfa-apx-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22APX%20100%22",
-    "image": "images/agfaphoto-apx-100-135.png"
+    "image": "agfaphoto-apx-100-135.png"
   },
   {
     "company": "Agfaphoto",
@@ -184,7 +184,7 @@ var currentfilms = [
     "datasheet": "datasheets/agfaphoto-apx-400.pdf",
     "lomography": "https://www.lomography.com/films/871910992-agfa-apx-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22APX%20400%22",
-    "image": "images/agfaphoto-apx-400-135.png"
+    "image": "agfaphoto-apx-400-135.png"
   },
   {
     "company": "Agfaphoto",
@@ -201,7 +201,7 @@ var currentfilms = [
     "datasheet": "datasheets/agfaphoto-ct-precisa-100.pdf",
     "lomography": "https://www.lomography.com/films/871960131-agfa-ct-precisa-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22CT%20Precisa%20100%22",
-    "image": "images/agfaphoto-ct-precisa-100-135.png"
+    "image": "agfaphoto-ct-precisa-100-135.png"
   },
   {
     "company": "Bergger",
@@ -218,7 +218,7 @@ var currentfilms = [
     "datasheet": "datasheets/bergger-pancro-400.pdf",
     "lomography": "https://www.lomography.com/films/871965009-bergger-pancro-400/photos",
     "flickr": "",
-    "image": "images/bergger-pancro-400-120.png"
+    "image": "bergger-pancro-400-120.png"
   },
   {
     "company": "Bergger",
@@ -235,7 +235,7 @@ var currentfilms = [
     "datasheet": "datasheets/bergger-pancro-400.pdf",
     "lomography": "https://www.lomography.com/films/871965009-bergger-pancro-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Bergger%20Pancro%20400%22",
-    "image": "images/bergger-pancro-400-135.png"
+    "image": "bergger-pancro-400-135.png"
   },
   {
     "company": "Cinestillfilm",
@@ -252,7 +252,7 @@ var currentfilms = [
     "datasheet": "datasheets/cinestillfilm-cinestill-50d.pdf",
     "lomography": "https://www.lomography.com/films/871961381-cinestill-50d/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Cinestill%2050D%22",
-    "image": "images/cinestillfilm-cinestill-50d-120.png"
+    "image": "cinestillfilm-cinestill-50d-120.png"
   },
   {
     "company": "Cinestillfilm",
@@ -269,7 +269,7 @@ var currentfilms = [
     "datasheet": "datasheets/cinestillfilm-cinestill-50d.pdf",
     "lomography": "https://www.lomography.com/films/871961381-cinestill-50d/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Cinestill%2050D%22",
-    "image": "images/cinestillfilm-cinestill-50d-135.png"
+    "image": "cinestillfilm-cinestill-50d-135.png"
   },
   {
     "company": "Cinestillfilm",
@@ -286,7 +286,7 @@ var currentfilms = [
     "datasheet": "datasheets/cinestillfilm-cinestill-800t.pdf",
     "lomography": "https://www.lomography.com/films/871964831-cinestill-800t/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Cinestill%20800T%22",
-    "image": "images/cinestillfilm-cinestill-800t-120.png"
+    "image": "cinestillfilm-cinestill-800t-120.png"
   },
   {
     "company": "Cinestillfilm",
@@ -303,7 +303,7 @@ var currentfilms = [
     "datasheet": "datasheets/cinestillfilm-cinestill-800t.pdf",
     "lomography": "https://www.lomography.com/films/871964831-cinestill-800t/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Cinestill%20800T%22",
-    "image": "images/cinestillfilm-cinestill-800t-135.png"
+    "image": "cinestillfilm-cinestill-800t-135.png"
   },
   {
     "company": "Ferrania",
@@ -320,7 +320,7 @@ var currentfilms = [
     "datasheet": "datasheets/ferrania-p30.pdf",
     "lomography": "https://www.lomography.com/films/871966128-ferrania-p30/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ferrania%20P30%22",
-    "image": "images/ferrania-p30-135.png"
+    "image": "ferrania-p30-135.png"
   },
   {
     "company": "Foma",
@@ -337,7 +337,7 @@ var currentfilms = [
     "datasheet": "datasheets/foma-fomapan-100.pdf",
     "lomography": "https://www.lomography.com/films/871911862-fomapan-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fomapan%20100%22",
-    "image": "images/foma-fomapan-100-120.png"
+    "image": "foma-fomapan-100-120.png"
   },
   {
     "company": "Foma",
@@ -354,7 +354,7 @@ var currentfilms = [
     "datasheet": "datasheets/foma-fomapan-100.pdf",
     "lomography": "https://www.lomography.com/films/871911862-fomapan-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fomapan%20100%22",
-    "image": "images/foma-fomapan-100-135.png"
+    "image": "foma-fomapan-100-135.png"
   },
   {
     "company": "Foma",
@@ -371,7 +371,7 @@ var currentfilms = [
     "datasheet": "datasheets/foma-fomapan-200.pdf",
     "lomography": "https://www.lomography.com/films/871913164-fomapan-200/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fomapan%20200%22",
-    "image": "images/foma-fomapan-200-120.png"
+    "image": "foma-fomapan-200-120.png"
   },
   {
     "company": "Foma",
@@ -388,7 +388,7 @@ var currentfilms = [
     "datasheet": "datasheets/foma-fomapan-200.pdf",
     "lomography": "https://www.lomography.com/films/871913164-fomapan-200/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fomapan%20200%22",
-    "image": "images/foma-fomapan-200-135.png"
+    "image": "foma-fomapan-200-135.png"
   },
   {
     "company": "Foma",
@@ -405,7 +405,7 @@ var currentfilms = [
     "datasheet": "datasheets/foma-fomapan-400.pdf",
     "lomography": "https://www.lomography.com/films/871912192-fomapan-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fomapan%20400%22",
-    "image": "images/foma-fomapan-400-120.png"
+    "image": "foma-fomapan-400-120.png"
   },
   {
     "company": "Foma",
@@ -422,7 +422,7 @@ var currentfilms = [
     "datasheet": "datasheets/foma-fomapan-400.pdf",
     "lomography": "https://www.lomography.com/films/871912192-fomapan-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fomapan%20400%22",
-    "image": "images/foma-fomapan-400-135.png"
+    "image": "foma-fomapan-400-135.png"
   },
   {
     "company": "Foma",
@@ -439,7 +439,7 @@ var currentfilms = [
     "datasheet": "datasheets/foma-fomapan-r-100.pdf",
     "lomography": "https://www.lomography.com/films/871956777-fomapan-r-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fomapan%20R%20100%22",
-    "image": "images/foma-fomapan-r-100-135.png"
+    "image": "foma-fomapan-r-100-135.png"
   },
   {
     "company": "Foma",
@@ -456,7 +456,7 @@ var currentfilms = [
     "datasheet": "datasheets/foma-retropan-320.pdf",
     "lomography": "https://www.lomography.com/films/871962399-foma-retropan-320/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Foma%20Retropan%20320%22",
-    "image": "images/foma-retropan-320-120.png"
+    "image": "foma-retropan-320-120.png"
   },
   {
     "company": "Foma",
@@ -473,7 +473,7 @@ var currentfilms = [
     "datasheet": "datasheets/foma-retropan-320.pdf",
     "lomography": "https://www.lomography.com/films/871962399-foma-retropan-320/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Foma%20Retropan%20320%22",
-    "image": "images/foma-retropan-320-135.png"
+    "image": "foma-retropan-320-135.png"
   },
   {
     "company": "Fujifilm",
@@ -490,7 +490,7 @@ var currentfilms = [
     "datasheet": "datasheets/fujifilm-neopan-acros-100.pdf",
     "lomography": "https://www.lomography.com/films/871946494-fuji-neopan-acros-100-120/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Neopan%20Acros%20100%22",
-    "image": "images/fujifilm-neopan-acros-100-120.png"
+    "image": "fujifilm-neopan-acros-100-120.png"
   },
   {
     "company": "Fujifilm",
@@ -507,7 +507,7 @@ var currentfilms = [
     "datasheet": "datasheets/fujifilm-neopan-acros-100.pdf",
     "lomography": "https://www.lomography.com/films/871923678-fuji-neopan-acros-100-35mm/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Neopan%20Acros%20100%22",
-    "image": "images/fujifilm-neopan-acros-100-135.png"
+    "image": "fujifilm-neopan-acros-100-135.png"
   },
   {
     "company": "Fujifilm",
@@ -524,7 +524,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871962842-fuji-c200/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fuji%20C200%22",
-    "image": "images/fujifilm-c200-135.png"
+    "image": "fujifilm-c200-135.png"
   },
   {
     "company": "Fujifilm",
@@ -541,7 +541,7 @@ var currentfilms = [
     "datasheet": "datasheets/fujifilm-pro-160ns.pdf",
     "lomography": "https://www.lomography.com/films/871940322-fuji-160-ns/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fuji%20Pro%20160NS%22",
-    "image": "images/fujifilm-pro-160ns-120.png"
+    "image": "fujifilm-pro-160ns-120.png"
   },
   {
     "company": "Fujifilm",
@@ -558,7 +558,7 @@ var currentfilms = [
     "datasheet": "datasheets/fujifilm-pro-400h.pdf",
     "lomography": "https://www.lomography.com/films/871912904-fuji-pro-400h/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fuji%20Pro%20400H%22",
-    "image": "images/fujifilm-pro-400h-120.png"
+    "image": "fujifilm-pro-400h-120.png"
   },
   {
     "company": "Fujifilm",
@@ -575,7 +575,7 @@ var currentfilms = [
     "datasheet": "datasheets/fujifilm-pro-400h.pdf",
     "lomography": "https://www.lomography.com/films/871912904-fuji-pro-400h/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fuji%20Pro%20400H%22",
-    "image": "images/fujifilm-pro-400h-135.png"
+    "image": "fujifilm-pro-400h-135.png"
   },
   {
     "company": "Fujifilm",
@@ -592,7 +592,7 @@ var currentfilms = [
     "datasheet": "datasheets/fujifilm-provia-100f.pdf",
     "lomography": "https://www.lomography.com/films/871913190-fuji-provia-100f/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fuji%20Provia%20100F%22",
-    "image": "images/fujifilm-provia-100f-120.png"
+    "image": "fujifilm-provia-100f-120.png"
   },
   {
     "company": "Fujifilm",
@@ -609,7 +609,7 @@ var currentfilms = [
     "datasheet": "datasheets/fujifilm-provia-100f.pdf",
     "lomography": "https://www.lomography.com/films/871913190-fuji-provia-100f/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fuji%20Provia%20100F%22",
-    "image": "images/fujifilm-provia-100f-135.png"
+    "image": "fujifilm-provia-100f-135.png"
   },
   {
     "company": "Fujifilm",
@@ -626,7 +626,7 @@ var currentfilms = [
     "datasheet": "datasheets/fujifilm-superia-200.pdf",
     "lomography": "https://www.lomography.com/films/871963412-fujifilm-superia-200/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fuji%20Superia%20200%22",
-    "image": "images/fujifilm-superia-200-135.png"
+    "image": "fujifilm-superia-200-135.png"
   },
   {
     "company": "Fujifilm",
@@ -643,7 +643,7 @@ var currentfilms = [
     "datasheet": "datasheets/fujifilm-superia-x-tra-400.pdf",
     "lomography": "https://www.lomography.com/films/871922012-fujifilm-superia-x-tra-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fuji%20Superia%20X-TRA%20400%22",
-    "image": "images/fujifilm-superia-x-tra-400-135.png"
+    "image": "fujifilm-superia-x-tra-400-135.png"
   },
   {
     "company": "Fujifilm",
@@ -660,7 +660,7 @@ var currentfilms = [
     "datasheet": "datasheets/fujifilm-velvia-50.pdf",
     "lomography": "https://www.lomography.com/films/871953612-fuji-velvia-50/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fuji%20Velvia%2050%22",
-    "image": "images/fujifilm-velvia-50-120.png"
+    "image": "fujifilm-velvia-50-120.png"
   },
   {
     "company": "Fujifilm",
@@ -677,7 +677,7 @@ var currentfilms = [
     "datasheet": "datasheets/fujifilm-velvia-50.pdf",
     "lomography": "https://www.lomography.com/films/871953612-fuji-velvia-50/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fuji%20Velvia%2050%22",
-    "image": "images/fujifilm-velvia-50-135.png"
+    "image": "fujifilm-velvia-50-135.png"
   },
   {
     "company": "Fujifilm",
@@ -694,7 +694,7 @@ var currentfilms = [
     "datasheet": "datasheets/fujifilm-velvia-100.pdf",
     "lomography": "https://www.lomography.com/films/871962779-fuji-velvia-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fuji%20Velvia%20100%22",
-    "image": "images/fujifilm-velvia-100-120.png"
+    "image": "fujifilm-velvia-100-120.png"
   },
   {
     "company": "Fujifilm",
@@ -711,7 +711,7 @@ var currentfilms = [
     "datasheet": "datasheets/fujifilm-velvia-100.pdf",
     "lomography": "https://www.lomography.com/films/871962779-fuji-velvia-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Fuji%20Velvia%20100%22",
-    "image": "images/fujifilm-velvia-100-135.png"
+    "image": "fujifilm-velvia-100-135.png"
   },
   {
     "company": "Ilford",
@@ -728,7 +728,7 @@ var currentfilms = [
     "datasheet": "datasheets/ilford-delta-100.pdf",
     "lomography": "https://www.lomography.com/films/871926464-ilford-delta-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ilford%20Delta%20100%22",
-    "image": "images/ilford-delta-100-120.png"
+    "image": "ilford-delta-100-120.png"
   },
   {
     "company": "Ilford",
@@ -745,7 +745,7 @@ var currentfilms = [
     "datasheet": "datasheets/ilford-delta-100.pdf",
     "lomography": "https://www.lomography.com/films/871926464-ilford-delta-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ilford%20Delta%20100%22",
-    "image": "images/ilford-delta-100-135.png"
+    "image": "ilford-delta-100-135.png"
   },
   {
     "company": "Ilford",
@@ -762,7 +762,7 @@ var currentfilms = [
     "datasheet": "datasheets/ilford-delta-400.pdf",
     "lomography": "https://www.lomography.com/films/871911584-ilford-delta-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ilford%20Delta%20400%22",
-    "image": "images/ilford-delta-400-120.png"
+    "image": "ilford-delta-400-120.png"
   },
   {
     "company": "Ilford",
@@ -779,7 +779,7 @@ var currentfilms = [
     "datasheet": "datasheets/ilford-delta-400.pdf",
     "lomography": "https://www.lomography.com/films/871911584-ilford-delta-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ilford%20Delta%20400%22",
-    "image": "images/ilford-delta-400-135.png"
+    "image": "ilford-delta-400-135.png"
   },
   {
     "company": "Ilford",
@@ -796,7 +796,7 @@ var currentfilms = [
     "datasheet": "datasheets/ilford-delta-3200.pdf",
     "lomography": "https://www.lomography.com/films/871924744-ilford-delta-3200/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ilford%20Delta%203200%22",
-    "image": "images/ilford-delta-3200-120.png"
+    "image": "ilford-delta-3200-120.png"
   },
   {
     "company": "Ilford",
@@ -813,7 +813,7 @@ var currentfilms = [
     "datasheet": "datasheets/ilford-delta-3200.pdf",
     "lomography": "https://www.lomography.com/films/871924744-ilford-delta-3200/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ilford%20Delta%203200%22",
-    "image": "images/ilford-delta-3200-135.png"
+    "image": "ilford-delta-3200-135.png"
   },
   {
     "company": "Ilford",
@@ -830,7 +830,7 @@ var currentfilms = [
     "datasheet": "datasheets/ilford-fp4-plus-125.pdf",
     "lomography": "https://www.lomography.com/films/871929575-ilford-fp4-plus-125/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ilford%20FP4%20Plus%22",
-    "image": "images/ilford-fp4-plus-125-120.png"
+    "image": "ilford-fp4-plus-125-120.png"
   },
   {
     "company": "Ilford",
@@ -847,7 +847,7 @@ var currentfilms = [
     "datasheet": "datasheets/ilford-fp4-plus-125.pdf",
     "lomography": "https://www.lomography.com/films/871929575-ilford-fp4-plus-125/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ilford%20FP4%20Plus%22",
-    "image": "images/ilford-fp4-plus-125-135.png"
+    "image": "ilford-fp4-plus-125-135.png"
   },
   {
     "company": "Ilford",
@@ -864,7 +864,7 @@ var currentfilms = [
     "datasheet": "datasheets/ilford-hp5-plus-400.pdf",
     "lomography": "https://www.lomography.com/films/871911956-ilford-hp5-plus-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ilford%20HP5%20Plus%22",
-    "image": "images/ilford-hp5-plus-400-120.png"
+    "image": "ilford-hp5-plus-400-120.png"
   },
   {
     "company": "Ilford",
@@ -881,7 +881,7 @@ var currentfilms = [
     "datasheet": "datasheets/ilford-hp5-plus-400.pdf",
     "lomography": "https://www.lomography.com/films/871911956-ilford-hp5-plus-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ilford%20HP5%20Plus%22",
-    "image": "images/ilford-hp5-plus-400-135.png"
+    "image": "ilford-hp5-plus-400-135.png"
   },
   {
     "company": "Ilford",
@@ -898,7 +898,7 @@ var currentfilms = [
     "datasheet": "datasheets/ilford-ortho-plus-80.pdf",
     "lomography": "https://www.lomography.com/films/871969064-ilford-ortho-plus/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ilford%20Ortho%20Plus%22",
-    "image": "images/ilford-ortho-plus-80-120.png"
+    "image": "ilford-ortho-plus-80-120.png"
   },
   {
     "company": "Ilford",
@@ -915,7 +915,7 @@ var currentfilms = [
     "datasheet": "datasheets/ilford-ortho-plus-80.pdf",
     "lomography": "https://www.lomography.com/films/871969064-ilford-ortho-plus/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ilford%20Ortho%20Plus%22",
-    "image": "images/ilford-ortho-plus-80-135.png"
+    "image": "ilford-ortho-plus-80-135.png"
   },
   {
     "company": "Ilford",
@@ -932,7 +932,7 @@ var currentfilms = [
     "datasheet": "datasheets/ilford-pan-f-plus-50.pdf",
     "lomography": "https://www.lomography.com/films/871960967-ilford-pan-f-plus-50/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ilford%20PAN%20F%20Plus%2050%22",
-    "image": "images/ilford-pan-f-plus-50-120.png"
+    "image": "ilford-pan-f-plus-50-120.png"
   },
   {
     "company": "Ilford",
@@ -949,7 +949,7 @@ var currentfilms = [
     "datasheet": "datasheets/ilford-pan-f-plus-50.pdf",
     "lomography": "https://www.lomography.com/films/871960967-ilford-pan-f-plus-50/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ilford%20PAN%20F%20Plus%2050%22",
-    "image": "images/ilford-pan-f-plus-50-135.png"
+    "image": "ilford-pan-f-plus-50-135.png"
   },
   {
     "company": "Ilford",
@@ -966,7 +966,7 @@ var currentfilms = [
     "datasheet": "datasheets/ilford-sfx-200.pdf",
     "lomography": "https://www.lomography.com/films/871922157-ilford-sfx-200/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ilford%20SFX%20200%22",
-    "image": "images/ilford-sfx-200-120.png"
+    "image": "ilford-sfx-200-120.png"
   },
   {
     "company": "Ilford",
@@ -983,7 +983,7 @@ var currentfilms = [
     "datasheet": "datasheets/ilford-sfx-200.pdf",
     "lomography": "https://www.lomography.com/films/871922157-ilford-sfx-200/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ilford%20SFX%20200%22",
-    "image": "images/ilford-sfx-200-135.png"
+    "image": "ilford-sfx-200-135.png"
   },
   {
     "company": "Ilford",
@@ -1000,7 +1000,7 @@ var currentfilms = [
     "datasheet": "datasheets/ilford-xp2-super-400.pdf",
     "lomography": "https://www.lomography.com/films/871916608-ilford-xp2-super-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ilford%20XP2%20super%22",
-    "image": "images/ilford-xp2-super-400-120.png"
+    "image": "ilford-xp2-super-400-120.png"
   },
   {
     "company": "Ilford",
@@ -1017,7 +1017,7 @@ var currentfilms = [
     "datasheet": "datasheets/ilford-xp2-super-400.pdf",
     "lomography": "https://www.lomography.com/films/871916608-ilford-xp2-super-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Ilford%20XP2%20super%22",
-    "image": "images/ilford-xp2-super-400-135.png"
+    "image": "ilford-xp2-super-400-135.png"
   },
   {
     "company": "JCH",
@@ -1034,7 +1034,7 @@ var currentfilms = [
     "datasheet": "datasheets/jch-street-pan-400.pdf",
     "lomography": "https://www.lomography.com/films/871964168-jch-street-pan-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22JCH%20Street%20Pan%22",
-    "image": "images/jch-street-pan-400-120.png"
+    "image": "jch-street-pan-400-120.png"
   },
   {
     "company": "JCH",
@@ -1051,7 +1051,7 @@ var currentfilms = [
     "datasheet": "datasheets/jch-street-pan-400.pdf",
     "lomography": "https://www.lomography.com/films/871964168-jch-street-pan-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22JCH%20Street%20Pan%22",
-    "image": "images/jch-street-pan-400-135.png"
+    "image": "jch-street-pan-400-135.png"
   },
   {
     "company": "Kentmere",
@@ -1068,7 +1068,7 @@ var currentfilms = [
     "datasheet": "datasheets/kentmere-100.pdf",
     "lomography": "https://www.lomography.com/films/871927949-kentmere-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kentmere%20100%22",
-    "image": "images/kentmere-100-135.png"
+    "image": "kentmere-100-135.png"
   },
   {
     "company": "Kentmere",
@@ -1085,7 +1085,7 @@ var currentfilms = [
     "datasheet": "datasheets/kentmere-400.pdf",
     "lomography": "https://www.lomography.com/films/871925956-kentmere-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kentmere%20400%22",
-    "image": "images/kentmere-400-135.png"
+    "image": "kentmere-400-135.png"
   },
   {
     "company": "Kodak",
@@ -1102,7 +1102,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871917299-kodak-color-plus-200/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20ColorPlus%20200%22",
-    "image": "images/kodak-colorplus-200-135.png"
+    "image": "kodak-colorplus-200-135.png"
   },
   {
     "company": "Kodak",
@@ -1119,7 +1119,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-ektachrome-e100.pdf",
     "lomography": "https://www.lomography.com/films/871911977-kodak-ektachrome-e100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20Ektachrome%20E100%22",
-    "image": "images/kodak-ektachrome-e100-120.png"
+    "image": "kodak-ektachrome-e100-120.png"
   },
   {
     "company": "Kodak",
@@ -1136,7 +1136,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-ektachrome-e100.pdf",
     "lomography": "https://www.lomography.com/films/871911977-kodak-ektachrome-e100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20Ektachrome%20E100%22",
-    "image": "images/kodak-ektachrome-e100-135.png"
+    "image": "kodak-ektachrome-e100-135.png"
   },
   {
     "company": "Kodak",
@@ -1153,7 +1153,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-ektar-100.pdf",
     "lomography": "https://www.lomography.com/films/871912245-kodak-ektar-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20Ektar%20100%22",
-    "image": "images/kodak-ektar-100-120.png"
+    "image": "kodak-ektar-100-120.png"
   },
   {
     "company": "Kodak",
@@ -1170,7 +1170,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-ektar-100.pdf",
     "lomography": "https://www.lomography.com/films/871912245-kodak-ektar-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20Ektar%20100%22",
-    "image": "images/kodak-ektar-100-135.png"
+    "image": "kodak-ektar-100-135.png"
   },
   {
     "company": "Kodak",
@@ -1187,7 +1187,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-gold-200.pdf",
     "lomography": "https://www.lomography.com/films/871958647-kodak-gold-200/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20Gold%20200%22",
-    "image": "images/kodak-gold-200-135.png"
+    "image": "kodak-gold-200-135.png"
   },
   {
     "company": "Kodak",
@@ -1204,7 +1204,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-portra-160.pdf",
     "lomography": "https://www.lomography.com/films/871916076-kodak-portra-160/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20Portra%20160%22",
-    "image": "images/kodak-portra-160-120.png"
+    "image": "kodak-portra-160-120.png"
   },
   {
     "company": "Kodak",
@@ -1221,7 +1221,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-portra-160.pdf",
     "lomography": "https://www.lomography.com/films/871916076-kodak-portra-160/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20Portra%20160%22",
-    "image": "images/kodak-portra-160-135.png"
+    "image": "kodak-portra-160-135.png"
   },
   {
     "company": "Kodak",
@@ -1238,7 +1238,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-portra-400.pdf",
     "lomography": "https://www.lomography.com/films/871910984-kodak-portra-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20Portra%20400%22",
-    "image": "images/kodak-portra-400-120.png"
+    "image": "kodak-portra-400-120.png"
   },
   {
     "company": "Kodak",
@@ -1255,7 +1255,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-portra-400.pdf",
     "lomography": "https://www.lomography.com/films/871910984-kodak-portra-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20Portra%20400%22",
-    "image": "images/kodak-portra-400-135.png"
+    "image": "kodak-portra-400-135.png"
   },
   {
     "company": "Kodak",
@@ -1272,7 +1272,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-portra-800.pdf",
     "lomography": "https://www.lomography.com/films/871920252-kodak-portra-800/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20Portra%20800%22",
-    "image": "images/kodak-portra-800-120.png"
+    "image": "kodak-portra-800-120.png"
   },
   {
     "company": "Kodak",
@@ -1289,7 +1289,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-portra-800.pdf",
     "lomography": "https://www.lomography.com/films/871920252-kodak-portra-800/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20Portra%20800%22",
-    "image": "images/kodak-portra-800-135.png"
+    "image": "kodak-portra-800-135.png"
   },
   {
     "company": "Kodak",
@@ -1306,7 +1306,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-t-max-100.pdf",
     "lomography": "https://www.lomography.com/films/871912688-kodak-t-max-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20T-MAX%20100%22",
-    "image": "images/kodak-t-max-100-120.png"
+    "image": "kodak-t-max-100-120.png"
   },
   {
     "company": "Kodak",
@@ -1323,7 +1323,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-t-max-100.pdf",
     "lomography": "https://www.lomography.com/films/871912688-kodak-t-max-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20T-MAX%20100%22",
-    "image": "images/kodak-t-max-100-135.png"
+    "image": "kodak-t-max-100-135.png"
   },
   {
     "company": "Kodak",
@@ -1340,7 +1340,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-t-max-400.pdf",
     "lomography": "https://www.lomography.com/films/871912064-kodak-t-max-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20T-MAX%20400%22",
-    "image": "images/kodak-t-max-400-120.png"
+    "image": "kodak-t-max-400-120.png"
   },
   {
     "company": "Kodak",
@@ -1357,7 +1357,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-t-max-400.pdf",
     "lomography": "https://www.lomography.com/films/871912064-kodak-t-max-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20T-MAX%20400%22",
-    "image": "images/kodak-t-max-400-135.png"
+    "image": "kodak-t-max-400-135.png"
   },
   {
     "company": "Kodak",
@@ -1374,7 +1374,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-t-max-p-3200.pdf",
     "lomography": "https://www.lomography.com/films/871933147-kodak-t-max-p3200/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20T-MAX%20P3200%22",
-    "image": "images/kodak-t-max-p-3200-135.png"
+    "image": "kodak-t-max-p-3200-135.png"
   },
   {
     "company": "Kodak",
@@ -1391,7 +1391,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-tri-x-400.pdf",
     "lomography": "https://www.lomography.com/films/871911232-kodak-tri-x-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20TRI-X%20400%22",
-    "image": "images/kodak-tri-x-400-120.png"
+    "image": "kodak-tri-x-400-120.png"
   },
   {
     "company": "Kodak",
@@ -1408,7 +1408,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-tri-x-400.pdf",
     "lomography": "https://www.lomography.com/films/871911232-kodak-tri-x-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20TRI-X%20400%22",
-    "image": "images/kodak-tri-x-400-135.png"
+    "image": "kodak-tri-x-400-135.png"
   },
   {
     "company": "Kodak",
@@ -1425,7 +1425,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-proimage-100.pdf",
     "lomography": "https://www.lomography.com/films/871961799-kodak-proimage-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20ProImage%20100%22",
-    "image": "images/kodak-proimage-100-135.png"
+    "image": "kodak-proimage-100-135.png"
   },
   {
     "company": "Kodak",
@@ -1442,7 +1442,7 @@ var currentfilms = [
     "datasheet": "datasheets/kodak-ultramax-400.pdf",
     "lomography": "https://www.lomography.com/films/871945457-kodak-ultramax-400-35mm/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kodak%20UltraMax%20400%22",
-    "image": "images/kodak-ultramax-400-135.png"
+    "image": "kodak-ultramax-400-135.png"
   },
   {
     "company": "Kosmo",
@@ -1459,7 +1459,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871966555-kosmo-foto-mono-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kosmo%20Foto%20Mono%22",
-    "image": "images/kosmo-foto-mono-100-120.png"
+    "image": "kosmo-foto-mono-100-120.png"
   },
   {
     "company": "Kosmo",
@@ -1476,7 +1476,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871966555-kosmo-foto-mono-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Kosmo%20Foto%20Mono%22",
-    "image": "images/kosmo-foto-mono-100-135.png"
+    "image": "kosmo-foto-mono-100-135.png"
   },
   {
     "company": "Lomography",
@@ -1493,7 +1493,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871967606-lomography-berlin-kino-400-iso/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Berlin%20400%22",
-    "image": "images/lomography-berlin-400-120.png"
+    "image": "lomography-berlin-400-120.png"
   },
   {
     "company": "Lomography",
@@ -1510,7 +1510,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871967606-lomography-berlin-kino-400-iso/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Berlin%20400%22",
-    "image": "images/lomography-berlin-400-135.png"
+    "image": "lomography-berlin-400-135.png"
   },
   {
     "company": "Lomography",
@@ -1527,7 +1527,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871910961-lomography-color-negative-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Color%20Negative%20100%22",
-    "image": "images/lomography-color-negative-100-120.png"
+    "image": "lomography-color-negative-100-120.png"
   },
   {
     "company": "Lomography",
@@ -1544,7 +1544,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871910961-lomography-color-negative-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Color%20Negative%20100%22",
-    "image": "images/lomography-color-negative-100-135.png"
+    "image": "lomography-color-negative-100-135.png"
   },
   {
     "company": "Lomography",
@@ -1561,7 +1561,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871962160-lomography-color-negative-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Color%20Negative%20400%22",
-    "image": "images/lomography-color-negative-400-120.png"
+    "image": "lomography-color-negative-400-120.png"
   },
   {
     "company": "Lomography",
@@ -1578,7 +1578,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871962160-lomography-color-negative-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Color%20Negative%20400%22",
-    "image": "images/lomography-color-negative-400-135.png"
+    "image": "lomography-color-negative-400-135.png"
   },
   {
     "company": "Lomography",
@@ -1595,7 +1595,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871921449-lomography-color-negative-800/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Color%20Negative%20800%22",
-    "image": "images/lomography-color-negative-800-120.png"
+    "image": "lomography-color-negative-800-120.png"
   },
   {
     "company": "Lomography",
@@ -1612,7 +1612,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871921449-lomography-color-negative-800/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Color%20Negative%20800%22",
-    "image": "images/lomography-color-negative-800-135.png"
+    "image": "lomography-color-negative-800-135.png"
   },
   {
     "company": "Lomography",
@@ -1629,7 +1629,7 @@ var currentfilms = [
     "datasheet": "datasheets/lomography-earl-grey-100.pdf",
     "lomography": "https://www.lomography.com/films/871942379-lomography-earl-grey-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Earl%20Grey%22",
-    "image": "images/lomography-earl-grey-100-120.png"
+    "image": "lomography-earl-grey-100-120.png"
   },
   {
     "company": "Lomography",
@@ -1646,7 +1646,7 @@ var currentfilms = [
     "datasheet": "datasheets/lomography-earl-grey-100.pdf",
     "lomography": "https://www.lomography.com/films/871942379-lomography-earl-grey-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Earl%20Grey%22",
-    "image": "images/lomography-earl-grey-100-135.png"
+    "image": "lomography-earl-grey-100-135.png"
   },
   {
     "company": "Lomography",
@@ -1663,7 +1663,7 @@ var currentfilms = [
     "datasheet": "datasheets/lomography-lady-grey-400.pdf",
     "lomography": "https://www.lomography.com/films/871963407-lomography-lady-grey-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Lady%20Grey%22",
-    "image": "images/lomography-lady-grey-400-120.png"
+    "image": "lomography-lady-grey-400-120.png"
   },
   {
     "company": "Lomography",
@@ -1680,7 +1680,7 @@ var currentfilms = [
     "datasheet": "datasheets/lomography-lady-grey-400.pdf",
     "lomography": "https://www.lomography.com/films/871963407-lomography-lady-grey-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Lady%20Grey%22",
-    "image": "images/lomography-lady-grey-400-135.png"
+    "image": "lomography-lady-grey-400-135.png"
   },
   {
     "company": "Lomography",
@@ -1697,7 +1697,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871962641-lomography-110-lobster/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Lobster%22",
-    "image": "images/lomography-lobster-200-110.png"
+    "image": "lomography-lobster-200-110.png"
   },
   {
     "company": "Lomography",
@@ -1714,7 +1714,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871968570-lomochrome-metropolis-xr-100-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Lomochrome%20Metropolis%22",
-    "image": "images/lomography-lomochrome-metropolis-100-400-120.png"
+    "image": "lomography-lomochrome-metropolis-100-400-120.png"
   },
   {
     "company": "Lomography",
@@ -1731,7 +1731,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871968570-lomochrome-metropolis-xr-100-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Lomochrome%20Metropolis%22",
-    "image": "images/lomography-lomochrome-metropolis-100-400-135.png"
+    "image": "lomography-lomochrome-metropolis-100-400-135.png"
   },
   {
     "company": "Lomography",
@@ -1748,7 +1748,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871968570-lomochrome-metropolis-xr-100-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Lomochrome%20Metropolis%22",
-    "image": "images/lomography-lomochrome-metropolis-100-400-110.png"
+    "image": "lomography-lomochrome-metropolis-100-400-110.png"
   },
   {
     "company": "Lomography",
@@ -1765,7 +1765,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871963650-lomography-lomochrome-purple-xr-100-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Lomochrome%20Purple%22",
-    "image": "images/lomography-lomochrome-purple-100-400-120.png"
+    "image": "lomography-lomochrome-purple-100-400-120.png"
   },
   {
     "company": "Lomography",
@@ -1782,7 +1782,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871963650-lomography-lomochrome-purple-xr-100-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Lomochrome%20Purple%22",
-    "image": "images/lomography-lomochrome-purple-100-400-135.png"
+    "image": "lomography-lomochrome-purple-100-400-135.png"
   },
   {
     "company": "Lomography",
@@ -1799,7 +1799,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871963650-lomography-lomochrome-purple-xr-100-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Lomochrome%20Purple%22",
-    "image": "images/lomography-lomochrome-purple-100-400-110.png"
+    "image": "lomography-lomochrome-purple-100-400-110.png"
   },
   {
     "company": "Lomography",
@@ -1816,7 +1816,7 @@ var currentfilms = [
     "datasheet": "datasheets/lomography-orca-100.pdf",
     "lomography": "https://www.lomography.com/films/871949443-lomography-orca-100-b-w-110/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Orca%22",
-    "image": "images/lomography-orca-100-110.png"
+    "image": "lomography-orca-100-110.png"
   },
   {
     "company": "Lomography",
@@ -1833,7 +1833,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871955282-lomography-peacock-x-pro-200/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Peacock%22",
-    "image": "images/lomography-peacock-200-110.png"
+    "image": "lomography-peacock-200-110.png"
   },
   {
     "company": "Lomography",
@@ -1850,7 +1850,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871968638-lomography-potsdam-kino-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Potsdam%20100%22",
-    "image": "images/lomography-potsdam-100-120.png"
+    "image": "lomography-potsdam-100-120.png"
   },
   {
     "company": "Lomography",
@@ -1867,7 +1867,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871968638-lomography-potsdam-kino-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Potsdam%20100%22",
-    "image": "images/lomography-potsdam-100-135.png"
+    "image": "lomography-potsdam-100-135.png"
   },
   {
     "company": "Lomography",
@@ -1884,7 +1884,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871961386-lomography-redscale-xr-50-200/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Redscale%22",
-    "image": "images/lomography-redscale-50-200-120.png"
+    "image": "lomography-redscale-50-200-120.png"
   },
   {
     "company": "Lomography",
@@ -1901,7 +1901,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871961386-lomography-redscale-xr-50-200/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Redscale%22",
-    "image": "images/lomography-redscale-50-200-135.png"
+    "image": "lomography-redscale-50-200-135.png"
   },
   {
     "company": "Lomography",
@@ -1918,7 +1918,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871949468-lomography-color-tiger-200-110/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Lomography%20Tiger%20200%22",
-    "image": "images/lomography-tiger-200-110.png"
+    "image": "lomography-tiger-200-110.png"
   },
   {
     "company": "Rollei",
@@ -1935,7 +1935,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871924483-rollei-crossbird/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Rollei%20Crossbird%22",
-    "image": "images/rollei-crossbird-120.png"
+    "image": "rollei-crossbird-120.png"
   },
   {
     "company": "Rollei",
@@ -1952,7 +1952,7 @@ var currentfilms = [
     "datasheet": "",
     "lomography": "https://www.lomography.com/films/871924483-rollei-crossbird/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Rollei%20Crossbird%22",
-    "image": "images/rollei-crossbird-135.png"
+    "image": "rollei-crossbird-135.png"
   },
   {
     "company": "Rollei",
@@ -1969,7 +1969,7 @@ var currentfilms = [
     "datasheet": "datasheets/rollei-infrared-400.pdf",
     "lomography": "https://www.lomography.com/films/871913788-rollei-infrared-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Rollei%20Infrared%20400%22",
-    "image": "images/rollei-infrared-400-120.png"
+    "image": "rollei-infrared-400-120.png"
   },
   {
     "company": "Rollei",
@@ -1986,7 +1986,7 @@ var currentfilms = [
     "datasheet": "datasheets/rollei-infrared-400.pdf",
     "lomography": "https://www.lomography.com/films/871913788-rollei-infrared-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Rollei%20Infrared%20400%22",
-    "image": "images/rollei-infrared-400-135.png"
+    "image": "rollei-infrared-400-135.png"
   },
   {
     "company": "Rollei",
@@ -2003,7 +2003,7 @@ var currentfilms = [
     "datasheet": "datasheets/rollei-ortho-25.pdf",
     "lomography": "https://www.lomography.com/films/871966115-rollei-ortho-25/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Rollei%20Ortho%2025%22",
-    "image": "images/rollei-ortho-25-120.png"
+    "image": "rollei-ortho-25-120.png"
   },
   {
     "company": "Rollei",
@@ -2020,7 +2020,7 @@ var currentfilms = [
     "datasheet": "datasheets/rollei-ortho-25.pdf",
     "lomography": "https://www.lomography.com/films/871966115-rollei-ortho-25/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Rollei%20Ortho%2025%22",
-    "image": "images/rollei-ortho-25-135.png"
+    "image": "rollei-ortho-25-135.png"
   },
   {
     "company": "Rollei",
@@ -2037,7 +2037,7 @@ var currentfilms = [
     "datasheet": "datasheets/rollei-retro-80s.pdf",
     "lomography": "https://www.lomography.com/films/871930991-rollei-retro-80s/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Rollei%20Retro%2080S%22",
-    "image": "images/rollei-retro-80s-120.png"
+    "image": "rollei-retro-80s-120.png"
   },
   {
     "company": "Rollei",
@@ -2054,7 +2054,7 @@ var currentfilms = [
     "datasheet": "datasheets/rollei-retro-80s.pdf",
     "lomography": "https://www.lomography.com/films/871930991-rollei-retro-80s/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Rollei%20Retro%2080S%22",
-    "image": "images/rollei-retro-80s-135.png"
+    "image": "rollei-retro-80s-135.png"
   },
   {
     "company": "Rollei",
@@ -2071,7 +2071,7 @@ var currentfilms = [
     "datasheet": "datasheets/rollei-retro-400s.pdf",
     "lomography": "https://www.lomography.com/films/871919398-rollei-retro-400s/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Rollei%20Retro%20400S%22",
-    "image": "images/rollei-retro-400s-120.png"
+    "image": "rollei-retro-400s-120.png"
   },
   {
     "company": "Rollei",
@@ -2088,7 +2088,7 @@ var currentfilms = [
     "datasheet": "datasheets/rollei-retro-400s.pdf",
     "lomography": "https://www.lomography.com/films/871919398-rollei-retro-400s/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Rollei%20Retro%20400S%22",
-    "image": "images/rollei-retro-400s-135.png"
+    "image": "rollei-retro-400s-135.png"
   },
   {
     "company": "Rollei",
@@ -2105,7 +2105,7 @@ var currentfilms = [
     "datasheet": "datasheets/rollei-rpx-25.pdf",
     "lomography": "https://www.lomography.com/films/871959684-rollei-rpx-25/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Rollei%20RPX%2025%22",
-    "image": "images/rollei-rpx-25-120.png"
+    "image": "rollei-rpx-25-120.png"
   },
   {
     "company": "Rollei",
@@ -2122,7 +2122,7 @@ var currentfilms = [
     "datasheet": "datasheets/rollei-rpx-25.pdf",
     "lomography": "https://www.lomography.com/films/871959684-rollei-rpx-25/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Rollei%20RPX%2025%22",
-    "image": "images/rollei-rpx-25-135.png"
+    "image": "rollei-rpx-25-135.png"
   },
   {
     "company": "Rollei",
@@ -2139,7 +2139,7 @@ var currentfilms = [
     "datasheet": "datasheets/rollei-rpx-100.pdf",
     "lomography": "https://www.lomography.com/films/871963108-rollei-rpx-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Rollei%20RPX%20100%22",
-    "image": "images/rollei-rpx-100-120.png"
+    "image": "rollei-rpx-100-120.png"
   },
   {
     "company": "Rollei",
@@ -2156,7 +2156,7 @@ var currentfilms = [
     "datasheet": "datasheets/rollei-rpx-100.pdf",
     "lomography": "https://www.lomography.com/films/871963108-rollei-rpx-100/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Rollei%20RPX%20100%22",
-    "image": "images/rollei-rpx-100-135.png"
+    "image": "rollei-rpx-100-135.png"
   },
   {
     "company": "Rollei",
@@ -2173,7 +2173,7 @@ var currentfilms = [
     "datasheet": "datasheets/rollei-rpx-400.pdf",
     "lomography": "https://www.lomography.com/films/871934897-rollei-rpx-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Rollei%20RPX%20400%22",
-    "image": "images/rollei-rpx-400-120.png"
+    "image": "rollei-rpx-400-120.png"
   },
   {
     "company": "Rollei",
@@ -2190,7 +2190,7 @@ var currentfilms = [
     "datasheet": "datasheets/rollei-rpx-400.pdf",
     "lomography": "https://www.lomography.com/films/871934897-rollei-rpx-400/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Rollei%20RPX%20400%22",
-    "image": "images/rollei-rpx-400-135.png"
+    "image": "rollei-rpx-400-135.png"
   },
   {
     "company": "Rollei",
@@ -2207,7 +2207,7 @@ var currentfilms = [
     "datasheet": "datasheets/rollei-superpan-200.pdf",
     "lomography": "https://www.lomography.com/films/871957145-rollei-superpan-200/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Rollei%20Superpan%20200%22",
-    "image": "images/rollei-superpan-200-120.png"
+    "image": "rollei-superpan-200-120.png"
   },
   {
     "company": "Rollei",
@@ -2224,6 +2224,6 @@ var currentfilms = [
     "datasheet": "datasheets/rollei-superpan-200.pdf",
     "lomography" : "https://www.lomography.com/films/871957145-rollei-superpan-200/photos",
     "flickr": "https://www.flickr.com/search/?media=photos&text=%22Rollei%20Superpan%20200%22",
-    "image": "images/rollei-superpan-200-135.png"
+    "image": "rollei-superpan-200-135.png"
   }
 ]
\ No newline at end of file
diff --git a/random.html b/random.html
index 5fbbc72..35e6d70 100644
--- a/random.html
+++ b/random.html
@@ -19,7 +19,7 @@
     <main v-if="show">
       <ul v-cloak>
         <li v-for="film in films">
-          <img :src="film.image" :alt="film.name">
+          <img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name">
           <h2>{{film.name}}</h2>
           <p>
             <span v-if="film.description">{{film.description}}</span>