Правильно Размер изображений для дополнений Дизайн вашего блога - манекены

Чтобы правильно включить изображения в дизайн вашего блога, вам необходимо учитывать такие ограничения, как время загрузки, размер столбца, поток слов и элементы дизайна. Вам нужны образы, чтобы добавить визуальную привлекательность, но вы не хотите, чтобы они казались такими большими, что они покрывают ту самую информацию, которую посетитель надеялся найти.

1Создайте изображения в соответствии с дизайном вашей колонки

Прежде чем вставлять изображения в сообщение в блоге, отредактируйте размер изображения в своем программном обеспечении для редактирования фотографий, чтобы изображение соответствовало столбцу вашего сообщения в блоге. Если ширина столбца составляет 600 пикселей (px), но исходное изображение составляет 800 пикселей, изображение растягивается в другой столбец, как вы видите здесь.

Как исправление, вы можете изменить размер больших изображений в своем блоге, но вы влияете на время загрузки своего блога, потому что вы все равно загрузили оригинальный размер. Только сделайте небольшие корректировки размера в своем блоге. Вы должны настроить размеры изображений вне своего блога с помощью программного обеспечения для редактирования фотографий.

В качестве отправной точки, размер фотографии по ширине сообщения в блоге. Затем измените размер по мере необходимости, например, для портретно-ориентированных фотографий. Например, если более короткая сторона портрета-ориентированной фотографии пробегает всю ширину блога, фотография будет огромной. Так что всегда изменяйте размер.

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

2Decide, следует ли обтекать текст вокруг изображений

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

На большинстве платформ блогов, обтекающий текст просто включает в себя выбор доступного стиля упаковки при размещении изображения в сообщении. Вы (или ваш дизайнер) можете настроить количество пространства между границей изображения и текстом, внеся корректировки в свою каскадную таблицу стилей (CSS).

3Don't cram too many images together

Избегайте обертывания текста вокруг изображений способом, который создает эффект jarring. Например, когда два изображения в непосредственной близости переносятся на разные стороны вашего сообщения в блоге, контент может стать ограниченным между изображениями, что затрудняет чтение вашего сообщения в блоге.

Сохраняйте изображения в своем посте отдельно друг от друга, чтобы устранить эту проблему или выровнять изображения с определенной стороны.Перед публикацией проверьте свой макет блога в режиме предварительного просмотра, чтобы убедиться, что ваши изображения не препятствуют читаемости.