Качество фотографий при загрузке в Blogger



Есть у платформы blogspot один неприятный нюанс, - фотографии при загрузке в пост заметно теряют в качестве. Происходит это с изображениями больших размеров, когда blogger предлагает выбрать размер картинки - маленький, средний, крупный, исходный.
В данном случае создаётся уменьшенная копия картинки, размеры которой просто сжимаются, отчего и теряется качество. Но это легко поправить:

1. В редакторе меняем вкладку Создать на HTML и находим код картинки, выглядит он вот так:



2. Далее меняем разрешение фотографии. Находим исходный размер, в данном случае его значение s1600, чуть ниже находим еще одно значение «s», если фотография сжата, это значение будет меньше - s640, s400 и меньше:

<a href="https://3.bp.blogspot.com/-YTPPJ-_GrYw/Vs_cflzyLhI/AAAAAAAAHRE/0e1sIPkF7sQ/s1600/IMG_4518.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://3.bp.blogspot.com/-YTPPJ-_GrYw/Vs_cflzyLhI/AAAAAAAAHRE/0e1sIPkF7sQ/s640/IMG_4518.JPG" width="400" /></a></div>

Первая ссылка s1600 откроет картинку в исходном размере, а вторая с s640 - представляет уменьшенную копию. Нужно просто поменять s640 на s1600 (цифры могут быть другими, в зависимости от размера картинки), то есть уравнять значения s в обоих ссылках:

<a href="https://3.bp.blogspot.com/-YTPPJ-_GrYw/Vs_cflzyLhI/AAAAAAAAHRE/0e1sIPkF7sQ/s1600/IMG_4518.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://3.bp.blogspot.com/-YTPPJ-_GrYw/Vs_cflzyLhI/AAAAAAAAHRE/0e1sIPkF7sQ/s1600/IMG_4518.JPG" width="400" /></a></div>

Фотография с размером "очень крупный" со значением s640

Фотография со значением s1600

В некоторых шаблонах сторонних разработчиков эту задачу можно заметно упростить, например, у меня достаточно выбрать «исходный размер» при загрузке картинки в тело сообщения, и шаблон автоматически уменьшит изображение без потери качества. Но в стандартных шаблонах Blogger «исходный размер» некрасиво вылезет как он есть 30-40 см по ширине и расползётся на весь экран, поэтому в данном случае выручит только замена «s» в коде.

Комментариев нет