Как сделать фон в html картинку: Как добавить фоновый рисунок на веб-страницу?

Как сделать фотографию фоном в word?

Содержание

• 1 Добавляем рисунок через соответствующий пункт меню
• 2 Делаем картинку фоном страницы
• 3 Как в ворде сделать фон страницы
  • 3.1 Градиент
  • 3.2 Текстура
  • 3.3 Узор
  • 3.4 Рисунок
• 4 Вставка рисунка
• 5 Как вставить фоновый рисунок для всех страниц?
  • 5.1 Документ печатается без фона
• 6 Использование подложки
  • 6.1 Помогла ли вам эта статья?

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

В статье мы рассмотрим данную тему, и научимся, как сделать картинку фоном в MS Word.

Добавляем рисунок через соответствующий пункт меню

Выбрать рисунок для страницы в Word 2007, 2010 и 2013 можно следующим образом. Откройте нужный документ и перейдите на вкладку «Разметка страницы». Затем нажмите на кнопку «Цвет страницы» и выберите из меню «Способы заливки».

Если у Вас установлен Word 2016, тогда в открытом документе перейдите на вкладку «Дизайн», а дальше делайте все, как описано выше: «Цвет страницы» – «Способы заливки».

Откроется небольшое диалоговое окно. В нем перейдите на вкладку «Рисунок» и нажмите на кнопку с таким же названием, которая находится под пустой областью посредине.

Дальше через Проводник найдите картинку на компьютере, выделите ее и жмите кнопку «Вставить».

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

После того, как выберите картинку, нажмите «ОК» в соответствующем окне.

Плюс данного способа в том, что фон, который Вы выберите, применяется ко всем страницам в документе.

А минус – изображение должно быть подходящего размера. Как видите, в примере, виден только один пингвин. Соответственно, эту картинку мне нужно сохранить с другим размером через какой-нибудь редактор, например, Paint.

Делаем картинку фоном страницы

Давайте рассмотрим еще один способ, с помощью которого можно сделать нужный рисунок фоновым.

Откройте документ и переходите на вкладку «Вставка». Затем нажимайте кнопку «Рисунок», чтобы добавить его на страницу.

В следующем окошке найдите то, что подходит, на компьютере, выделите и нажмите «Вставить».

После того, как картинка добавится, кликните по ней правой кнопкой мышки и выберите из контекстного меню «Обтекание текстом» – «За текстом».

Теперь весь текст, который есть в документе отобразится перед картинкой. Чтобы выбранное изображение сделать фоном всего листа и убрать белые поля, его нужно растянуть. Для этого, кликните по картинке. По краям сразу появятся маркеры – точки по углам и по одной точке с каждой стороны. Используя данные маркеры, растяните рамку по ширине и высоте так, чтобы закрыть весь лист.

Вот так получилось у меня. Плюс способа в том, что самостоятельно можно выбрать, какая часть картинки отобразится на листе: целиком, или можно растянуть и сделать так, чтобы отображалась только определенная область.

Минусом можно считать то, что выбранная картинка — это фон только для одного листа. Хотя, в таком случае, можно выбирать разные изображения в качестве фоновых для различных страниц документа.

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

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

Поделитесь статьёй с друзьями:

Приветствую вас посетители блога moikomputer.ru

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

Но сегодня я расскажу вам как сделать фон в Word документе от однотонной заливки любым цветом до текстуры узора или рисунка.

Все действия будут показаны на примере редактора Microsoft Word 2016, но данное руководство применимо также к прошлым версиям.

Как в ворде сделать фон страницы

1. Запускаем редактор Word выбираем вкладку «Дизайн» (в более ранних версия эта вкладка будет иметь название «Разметка страницы»).

2. Нажимаем на раздел «Цвет страницы» после чего выпадет список различных цветов, которыми вы можете окрасить свой документ просто нажав на подходящий.

3. Если нужного цвета подобрать не удалось, тогда следует нажать вкладку «Другие цвета».

Обычные:

Открывшейся палитре подбираете фон после жмете ОК.

Спектр:

Здесь можно более тонко подобрать цветовую гамму потом нажать ОК.

Прежде чем перейти к следующему пункту хочу обратить ваше внимание на на инструмент,

Последние цвета: здесь сохраняются выбранные ранее вами цвета, которые можно в последствии применить.

Нет цвета: означает отмена любых действий с фоном страницы.

Градиент

Переходим в пункт «Способы заливки» откроется окошко, где будет доступна градиентная настройка.

• Цвета

1. Один цвет

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

2. Два цвета

Все тоже самое, но уже слияние двух цветов по вашему выбору.

3. Заготовка

Более 20 разных стандартных интересных заготовок от однотонных до многоцветных.

• Тип штриховки

Шесть разных типов распределения цвета, прежде чем нажать ОК смотрите на «Образец» там будет показан конечный результат.

Текстура

Настроек никаких нет, но есть возможность поиска через Интернет или на своем ПК, о чем я расскажу последнем пункте.

Узор

Возможно оставить по умолчанию черном-белых цветах так и подобрать любые свои.

Рисунок

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

Есть вероятность выбора картинки с своего компьютера или задать поиск в Интернет, для этого нажимаем кнопку Рисунок.

Откроется окно Вставка картинок так как на моем компьютере нет той картинке, которая мне нужна я воспользуюсь поиском изображений в Интернете при помощи поисковой системы Bing.

Приближается Новый Год значит и картинку буду искать по этой теме.

Нашлось масса новогодних картинок подобрав по вкусу нажимаем Вставка.

Здесь ОК на этом фон «Морозная свежесть» установлен.

Может не совсем удачный пример, ну, что-то в этом роде, надеюсь сама суть ясна.

Прежде чем свое творчество нужно произвести некоторые настройки редактора Word.
Входим во вкладку Файл ⇒ Параметры.

1. Параметрах Word выберите меню Экран.

2. Разделе Параметры печати поставьте галочку в пункте Печать фоновых цветов и рисунков.

3. Для применения настроек нажмите ОК.

Вот теперь вы знаете как сделать фон в Word и легко сможете наложить нужный вам цвет или фон на страницу документа, а также легко на принтере.

Я же на этом сегодня с вами прощаюсь до следующих статей.

Валерий Семенов, moikomputer.ru

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

Вставка рисунка

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

1. Заходим в редактор Word и в ленте меню выбираем пункт «Вставка» — «Рисунки». 
2. Далее, выбираем на нашем компьютере любую подходящую фотографию. Только постарайтесь, чтобы оно соответствовало ориентации листа и его пропорциям, так как иначе все изображение может не влезть и либо останется слишком много пустого места, либо большая часть картинки уйдет за границы листа.
3. Теперь нажмите на изображении правой кнопкой мыши и выберите пункт «Обтекание текстом» — «За текстом». Это делается для того, чтобы мы могли двигать картинку как нам будет угодно, а также, чтобы у нас не был закрыт доступ к написанию.  
4. Последним штрихом нам нужно будет подогнать этот фон под размер листа. Для этого зажимаем на нем левой кнопкой мыши и тащим его к углу, чтоьы занял там все пространство. Затем наводим на противоположный угол изображения и начинаем тянуть за кончик, тем самым увеличивая картинку. Нам важно, чтобы весь лист был залит фоном,  это значит, что частью фотографии можно будет немного пожертвовать. 

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

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

Как вставить фоновый рисунок для всех страниц?

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

Заходим в наш редактор ворд и в ленте меню выбираем вкладку «Дизайн», а затем ищем пункт «Цвет страницы» — «Способы заливки». Жмем на него.

Далее у нас есть несколько различных вариантов вставки рисунка вместо фона.

• Градиентная и узор. Их мы ставить не будем, так как здесь нельзя вставить изображение. Есть только предустановленные узоры, ну и градиент на ваш вкус и цвет. Но если вы захотите, то можете использовать и эти варианты.
• Текстура. Здесь мы можем выбрать одну из предложенных рисунков в качестве фона. Как видите, здесь есть и имитация ткани, мятой бумаги, мрамора и т.д. Вам просто достаточно выбрать любую из них и нажать ОК, чтобы фон встал на все листы в документе. Но если вы хотите сделать свою картинку фоном, то нажмите на кнопку «Другая текстура» и в следующем окне выберите пункт «Из файла», после чего ищите изображение на своем компьютере. Только постарайтесь, чтобы оно было бесшовным, иначе фон для вордовского документа получится некрасивым. 
• Рисунок. Ну а это наш самый главный элемент. Перейдите на вкладку Рисунок и нажмите на одноименную кнопку, после чего опять же выберите пункт «Из файла», после чего найдите любое подходящее изображение на вашем компьютере. Конечно же лучше всего, чтобы оно соответствовало пропорциям страницы, так как она заполняет его целиком. А это значит, что если вы ставите горизонтальное изображение на вертикальный лист, то съедается огромная часть картинки. Я решил выбрать замечательный осенний фон. Посмотрим, как он будет выглядеть на странице в ворде.
   

По-моему, получилось весьма недурно. Документ сразу приобрел некую свежесть, красочность. Такой даже стало интереснее читать. Но иногда встречаются некоторые проблемы. И сейчас мы их с вами рассмотрим.

Документ печатается без фона

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

1. Вам нужно зайти в меню «Файл» — «Параметры»
2. Затем переходим во вкладку «Экран» и ставим клочку напротив поля «Печать фоновых цветов и рисунков» и нажимаем «ОК».

После того, как вы всё это сделали, попробуйте снова вывести документ на печать. Как видите, теперь рисунок появился.

Использование подложки

Ну и еще одним способом поставить картинку вместо фона я хотел бы выделить использование подложки. Чаще всего ее используют для того, чтобы сделать еле видимую надпись на документах, например «Образец». Но для вставки изображения данная функция очень даже подходит. Давайте посмотрим, как ею воспользоваться.

1. Идем в меню «Дизайн» — «Подложка» — «Настраиваемая подложка». 
2. Теперь выбираем пункт «Рисунок» и ищем подходящее изображение для фона на компьютере. Лично я снова решил взять этот симпатичный осенний фон. Также можете выбрать нужный масштаб, так как изменить фон страницы будет невозможно. Начните с авто, и если вам не понравится, то попробуйте поменять авто масштаб на 50, 100 или 200 процентов, пока не придете к какому-то консенсусу. 
3. После этого нажимаем «Применить» и наблюдаем за результатом.

Также как и в предыдущем способе, даная функция применяется сразу ко всем листам в документе, что очень удобно, если вы хотите делать всё в едином стиле.

Также, вы должны были заметит, что изображение стало слегка осветленным. Это делается, чтобы на нем не делали акцент и удобнее было читать сам текст.

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

Но какой бы из способов вы не решили использовать, это ваш выбор. Здесь нет какого-то единого хорошего или плохого варианта. Они все разные и все интересные. Кстати, а какой из них больше всего понравился вам? Ответ напишите в комментариях.

Ну а на этом у меня все. Надеюсь, что моя статья вам понравилась. Не забудьте подписаться на мой блог ивсе мои сообщества, чтобы всегда быть в курсе всего нового и интересного. Жду вас снова у себя в гостях. Удачи вам. Пока-пока!

С уважением, Дмитрий Костин.

Если вы привыкли оформлять текстовые документы, созданные в Microsoft Word, не только правильно, но еще и красиво, наверняка, вам будет интересно узнать и о том, как сделать рисунок фоном. Благодаря такой возможности фоном страницы можно сделать любую фотографию или изображение.

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

Урок: Как сделать подложку в Ворде

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

Рекомендуем к ознакомлению:
Как вставить рисунокКак изменить прозрачность рисункаКак изменить фон страницы

1. Откройте документ Ворд, в котором вы хотите использовать рисунок в качестве фона страницы. Перейдите во вкладку «Дизайн».

Примечание: В версиях Word до 2012 года нужно перейти во вкладку «Разметка страницы».

2. В группе инструментов «Фон страницы» нажмите кнопку «Цвет страницы» и выберите в ее меню пункт «Способы заливки»

3. Перейдите во вкладку «Рисунок» в открывшемся окне .

4. Нажмите кнопку «Рисунок», а затем, в открывшемся окне напротив пункта «Из файла (Обзор файлов на компьютере)», нажмите на кнопку «Обзор».

Примечание: Вы также можете добавить изображение из облачного хранилища OneDrive, поиска Bing и социальной сети Facebook.

5. В окне проводника, которое появится на экране, укажите путь к файлу, который вы хотите использовать в качестве фонового, нажмите кнопку «Вставить».

6.Нажмите кнопку «ОК» в окне «Способы заливки».

Примечание: Если пропорции рисунка не соответствуют стандартному размеру страницы (А4), он будет обрезан. Также, возможно его масштабирование, которое может негативно повлиять на качество изображения.

Урок: Как в Ворде изменить формат страницы

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

Урок: Как в Ворде изменить шрифт

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

Задайте свой вопрос в комментариях, подробно расписав суть проблемы. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

Да Нет

Конвертирование изображения в PNG

Перетащите файлы сюда

Введите URL Dropbox Google Диск

Удалить фон «/>

Качество:

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

Максимальное сжатиеНаилучшее качество

0%

20%

40%

60%

80%

100%

Изменить размер:

Ширина:

px

Высота:

px

Применить цветной фильтр: без измененийГрадации серогоМонохромноеИнвертировать цветаРетроСепия

Улучшить Повысить резкость «/> Сглаживание Сглаживание контраста Выровнять Нормализовать Устранить искажения Без многослойности

Точек на дюйм:

dpi

Обрезать пиксели:

Наверх:

px

Вниз:

px

Влево:

px

Вправо:

px

Настроить порог преобразования в ч/б: Обычно порог определяется автоматически, но его можно настроить и вручную. Допускаются значения от 0 до 255.»/>

Информация: Включите поддержку JavaScript, чтобы обеспечить нормальную работу сайта.

Конвертируйте изображение в формат PNG с помощью бесплатного он-лайн конвертера PNG. Загрузите ваше изображение и выберите соответствующие фильтры.

Конвертер позволяет конвертировать файлы более 120 форматов в формат PNG (Portable Network Graphics).

Альтернативный текст для фоновых изображений, доступность альтернативного текста

Избегайте представления информационных изображений в фонах CSS

Если ваше изображение содержит важную информацию для конечного пользователя, тогда он должен быть предоставлен в HTML <изображение> тег с правильным или текст. Спецификация CSS говорит следующее:

Из соображений доступности авторы не должны использовать фон изображения как единственный способ передачи важной информации. См. Интернет Руководство по доступности контента F3 [WCAG20] . Изображения недоступны в неграфических презентациях, и фоновые изображения могут быть отключены в высококонтрастные режимы отображения. Источник .

Не могу избежать использования изображений CSS или хочу изменить текст для «неважные» фотографии окружения и т. д.?

Спецификация CSS делает это «СЛЕДУЕТ», а не «ОБЯЗАТЕЛЬНО», потому что бывают случаи, когда визуальный дизайн или существующий код затрудняет преобразование его в HTML-изображение без переделки интерфейса. В других случаях автор может захотеть для предоставления альтернативного текста для фонового изображения, которое является , а не «важно» для понимания содержания, но из вежливости для пользователей программ чтения с экрана, которые предпочитают знать, что находится на изображении. Вот подробная статья об эмбиенте изображения против чистого украшения против информационных изображений.

При предоставлении альтернативного текста для изображения CSS количество соображений

Если <дел> внутри тега есть какой-либо контент, то роль = "изображение" а также ария-этикетка может скрыть внутреннее содержимое из-за доступного расчет имени , или вспомогательные технологии могут просто игнорировать ария-этикетка .

Так что не помещайте фоновое изображение CSS в <дел> который содержит любой контент. Лучше всего использовать пустой <диапазон> и ария-этикетка с роль = "изображение"

Сделайте это:
<дел>
<диапазон role="img" aria-label="[разместите здесь замещающий текст]>
[весь остальной контент]