Сжатие плиток в Картах Google

Question

Я ищу способ сжать плитки с карты Google (что я уже сделал), а затем как-то заменить старые плитки на сжатые плитки. Это как плитка выглядит в коде, например: <img src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i13!2i2475!3i3029!2m3!1e0!2sm!3i293208756!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;">

Причина, почему я хочу сделать это, потому что Google PageSpeed ​​Insights продолжает жаловаться:

Если Fix: Оптимизация изображений Правильно форматирование и сжатие изображения могут сохранять много байтов данных. Оптимизируйте следующие изображения, чтобы уменьшить их размер на 245.2KiB (уменьшение на 17%).

(И все изображения, которые я хочу, чтобы они оптимизировались, были с карты.) Я не смог найти что-то, что искал, поэтому я даже не знаю, можно ли делать то, что я ' спрашиваю. Есть идеи?

Answer 1

Первой идеей, с которой я столкнулся на первый взгляд, является удаление метаданных. Я проверил изображение, которое вы указали в примере, и вообще не имеет метаданных. Итак, следующая идея заключалась в том, что вы можете изменить формат PNG-файла на JPG, что может значительно уменьшить размер файла. Вот пост, который может помочь вам, но вам придется настроить скрипт для того, чтобы соответствовать вашим потребностям:

How to convert a image from PNG to JPEG using javascript?

На самом деле, вы можете быть в состоянии base64 закодировать изображение на холст, а затем просто заменить оригинальный с кодированным? вы будете использовать вычислительную мощность от клиента вместо запроса изображения.