When you cut an image, its size grows, what's wrong?

Question

css

Original image
1919x884 pixels, 168 kB
after command:

convert -resize 1400  maxCompress-H189jMD2.png 1.png

: 1400x645 pixels, 690 kb
How can I fix this?
Thanks in advance

Answer 1

z-index:10000 !important;

Answer 2

У вас в файле antonkudaev.pro/bitrix/templates/ska/scripts/script.js в строках 179-180 находится это:

$('.menu-item-has-children > a').on('click', function(e) {
    e.preventDefault();
    ....

скорее всего проблема где-то там. Неохота вникать в происходящее, но там вместо стандартного "перейти по ссылке" происходит что-то другое.

Answer 3

Скорее всего у тебя навешено событие click на эти элементы, а на них отмена стандартных действий event.preventDefault().
Как вариант навесить на ссылки меню событие click

$('.primary-menu a').on('click', function() {
  window.location = $( this ).attr('href');
});

Answer 4

The picture is with a palette, and IM converts it to RGB, adds halftones when scaling - and saves it in RGB. You need to explicitly tell him that halftones are not needed and you need to get an indexed image.

convert -resize 1400 -strip -dither None -colors 49 maxCompress-H189jMD2.png 1.png