Sovkrim - Компьютер шаг за шагом

Sovkrim - Компьютер шаг за шагом

» » Какие настройки шрифта в яндексе правильные. Как увеличить буквы в яндексе

Какие настройки шрифта в яндексе правильные. Как увеличить буквы в яндексе

У каждого сайта свой дизайн и свои настройки. Часто нас не устраивает размер текста: то он мелкий, что ничего не видно, то слишком крупный. В Яндекс.Браузере мы сможем настроить параметры под себя.

Для внесения нужных изменений нам понадобится раздел «Настройки». Войти туда легко и просто:

  1. Запускаем сам браузер Яндекс.

  2. Открываем «Настройки» (справа в верхнем углу).

  3. Пролистываем открывшуюся страницу до конца и нажимаем на «Показать дополнительные настройки».

  4. Далее ищем раздел «Веб-содержимое». Нужно пролистать страницу вниз до того момента, пока на глаза не попадется название необходимого блока.

  5. Сразу можно поменять размер нашего шрифта (сделать мельче или крупнее), а также масштаб страницы. Если вам все это не нужно, нажимаем кнопку «Настроить шрифты».

  6. Открывается окно, в котором вы и будете настраивать удобные для вас параметры.

Настройка параметров шрифта в Яндекс.Браузере

  • стандартный шрифт (Standart font) – установив определенный шрифт, практически вся информация будет написана в этом стиле на всех сайтах. Далее внизу при помощи ползунка меняете размер шрифта (стандартный – 16 пт);

  • последующие два пункта отвечают за отображение каких-либо блоков на сайтах с засечками или без них. Если не знаете, что такое засечки, взгляните на картинку;

  • далее вы можете установить шрифт фиксированной ширины для отображения, в основном, колонок или подписей к фото;

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

  • последний пункт отвечает за кодировку, но без понимания сути делать этого не стоит. В случае, когда вам это нужно, помните, что вам может понадобится установка дополнительных шрифтов на ПК, чтобы отобразить тексты на редких языках;
  • нажимаем «Готово».

Данные настройки будут применены на каждом странице. Для того, чтобы сменить масштаб конкретной страницы, достаточно нажать на значок меню в правом верхнем углу и выбрать размер («-» — уменьшает, «+» — увеличивает, также есть возможность развернуть страницу на весь экран) или воспользоваться горячими клавишами.

Меняем масштаб горячими клавишами

Для удобства размер шрифта (т.е. масштаб страницы) можно сменить нажав на горячие клавиши:


Аналогично можно воспользоваться мышью:

  • «Ctrl» + прокручиваем колесико «от себя» — увеличение;
  • «Ctrl» + прокручиваем колесико «на себя» — уменьшение.

Удаляем настройки для отдельных страниц

  1. Открываем «Настройки», пролистываем страницу и нажимаем на «Показать дополнительные настройки».

  2. Ищем раздел «Личный данные».

  3. Далее нажимаем «Настроить» в пункте «Масштаб».

  4. Далее появится список сайтов, вам нужно просто удалить те адреса, где не нужно применять ваши настройки.

  5. Нажимаем «Готово». Закрываем настройки.

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

Видео — Как изменить шрифт в браузере Яндекс


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

Все популярные веб-браузеры (Google Chrome, Mozilla FireFox, Opera, Internet Explorer ) снабжены функцией уменьшения или увеличения масштаба отображаемой страницы. Функция масштабирования позволяет пользователям увеличивать или уменьшать шрифт и картинки просматриваемой в браузере страницы. Это может быть полезно для людей с ослабленным зрением, а также в случаях чрезмерно высокого или низкого разрешения экрана.

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

1 способ. С помощью клавиатуры

Стандартные комбинации клавиш для увеличения и уменьшения шрифта в любом популярном веб-браузере:

Зажмите клавишу «Ctrl » и нажимайте клавишу «+» для увеличения масштаба.
Зажмите клавишу «Ctrl» и нажимайте клавишу «-» для уменьшения масштаба.

2 способ. С помощью клавиатуры и мыши

Тоже одинаково для всех браузеров:

Зажмите клавишу «Ctrl» и крутите колесико мыши вверх для увеличения масштаба.
Зажмите клавишу «Ctrl» и крутите колесико мыши вниз для уменьшения масштаба.

3 способ. Настройка бразура

Уменьшение или увеличение шрифта в браузере:

«Chrome»

1. Кликните по значку гаечного ключа и выберите пункт меню «Параметры»
2. В левой боковой панели выберите вкладку «Дополнительные» .
3. В разделе «Веб-содержание» изменяйте «Масштаб страницы» .

«Firefox»

1. Кликните опцию «Вид» в навигационном меню вверху окна браузера.
2. Из меню «Вид» кликните опцию «Масштаб» .
3. Кликните опцию «Уменьшить» или «Увеличить». Содержимое страницы изменится в размере.
4. Кликните опцию «Масштаб текста» в меню «Масштаб» , чтобы отобразить настройки изменения текста. Передвигайте ползунок влево для уменьшения шрифта или вправо - чтобы увеличить.

1. Откройте браузер «Opera» и перейдите на желаемую веб страницу.
2. Кликните кнопку «Вид» на строке состояния в нижнем правом углу окна браузера.
3. Перетяните ползунок на значение меньше 100 процентов, чтобы уменьшить размер отображения страницы, или больше 100 - чтобы увеличить.

«Internet Explorer»

1. Откройте веб страницу в браузере «Internet Explorer» .
2. Кликните по стрелке рядом с настройкой «Изменить масштаб» , в правом нижнем углу окна браузера.
3. Кликните по необходимому уровню масштаба, выбрав его на специальной шкале, либо кликните опцию «Особый» , а затем укажите необходимый масштаб в строку «Масштаб в процентах». , Чтобы уменьшить размер отображаемой страницы вам нужно ввести значение меньше 100 процентов, чтобы увеличить - больше.

Инструкция

В обозревателе Internet Explorer есть возможность выбрать один из пяти предустановленных размеров шрифтов на странице. Чтобы сделать это, надо в меню, в разделе «Вид», навести указатель мыши на пункт «Размер шрифта » - это действие откроет список из пяти пунктов. Однако такой метод подействует только на те тексты в странице, размер шрифта которых не указан автором в ее разметке в явном виде. Альтернативный вариант - увеличить все элементы страницы сразу, включая и шрифты. Это можно делать, нажимая сочетания клавиш CTRL и «Плюс» либо «Минус», или прокручивая колесико мыши при нажатой клавише CTRL. Правда при этом пропорциональность изменения размеров разных элементов соблюдается в этом браузере только до некоторого предела.

Браузер Opera намного лучше, чем Internet Explorer справляется с масштабированием страницы. Здесь это тоже можно делать нажатием сочетания клавиш CTRL и «Плюс» / «Минус», либо прокруткой колесика мыши при нажатой клавише CTRL. Каждый шаг увеличивает или уменьшает размер на 10%. Это же можно делать и перейдя в меню браузера, в секцию «Страница», а в ней в раздел «Масштаб».В Opera есть возможность задать использование своих собственных таблиц стилей с нужными вам размерами шрифтов. В этом случае браузер будет игнорировать установки размеров, заданные в коде страницы, заменяя их на указанные вами. Чтобы добраться до настройки использования стилей, вам нужно нажать сочетание клавиш CTRL + F12, перейти на вкладку «Расширенные», затем в раздел «Содержимое» и нажать кнопку «Настроить стили».

В меню Mozilla Firefox тоже есть раздел «Вид», а в нем подраздел «Масштаб», где можно изменять размер всех элементов страницы. Здесь же можно поставить отметку у пункта «Только текст» - тогда масштабироваться будут только размеры шрифтов, оставляя без изменений остальные элементы. Эта установка будет действовать и при изменении размеров нажатием клавиш CTRL и «Плюс» / «Минус» и при прокрутке колесика мыши с нажатой клавишей CTRL.

В браузере Google Chrome масштабирование страницы вынесено непосредственно в меню. Нажатие пиктограммы с изображением гаечного ключа в правом верхнем углу окна открывает это меню и размер элементов страницы можно менять, щелкая значки плюс либо минус рядом с надписью «Масштаб». Но и нажатие сочетания клавиш CTRL и «Плюс» / «Минус» здесь тоже работает, как и прокрутка колесика мыши при нажатой клавише CTRL.Здесь есть также и расширенные настройки шрифтов. Чтобы открыть их в том же главном меню, выберите пункт «Параметры», а затем перейдите на вкладку «Расширенные». Там в секции «Веб-содержимое» есть выпадающие списки для выбора размеров шрифтов и масштаба страниц. Кроме них есть кнопка с надписью «Настроить шрифты», открывающая закладку с опциями настройки размеров шрифтов двух типов и минимально допустимого размера.

В браузере Safari, если открыть раздел меню «Вид», то можно менять масштаб, щелкая пункты «Увеличить масштаб» и «Уменьшить масштаб». Опция «Изменить только масштаб текста» позволяет менять размер шрифта без масштабирования остальных элементов страницы. Кроме того, если в разделе «Правка» щелкнуть пункт «Настройки», а потом в окне настроек перейти на вкладку «Дополнения», то можно будет указать минимально допустимый размер шрифтов страницы.Масштабирование при помощи сочетания клавиш CTRL и «Плюс» / «Минус» здесь тоже действует, как и при помощи прокрутки колесика мыши при нажатой клавише CTRL.

На бескрайних просторах Интернет-сети собрано огромное количество информации. Многие пользователи просматривают новостные статьи и обзоры техники, проходят всевозможные курсы прямо в браузере Яндекс. Некоторые даже читают книги в своем обозревателе, чему способствует возможность воспроизведения популярного «книжного» формата Fb2. В данной статье представлено , как поменять шрифт, увеличить масштаб странички и изменить кодировку в Яндекс-браузере.

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

Путь к настройкам

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

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

Меняем шрифт

Первый пункт, с которым можно работать – это «Font size» («Размер шрифта»). Его можно быстро изменить с помощью ниспадающего списка, не затрагивая остальные настройки. Таким образом, вы адаптируете обозреватель под конкретный текущий текст. Его можно увеличить, если вы сидите далеко от монитора, или уменьшить, если вы хотите уместить большое количество текста на одной странице.

Теперь можно открыть вкладку «Customize fonts» («Настроить шрифт»). Здесь присутствует несколько различных параметров, которые позволяют изменить несколько вариаций шрифтов.

  • Standart font (стандартный шрифт) – отвечает за подавляющее количество информации на страницах. Большая часть контента будет отображаться именно так. Ползунок под списком позволяет увеличить или уменьшить размер (по умолчанию установлено 16 пт).
  • Serif (с засечками) – отвечает за блоки текста, которые, согласно стилю сайта, обязательно должны отображаться с засечками.
  • Sans-serif (без засечек) – аналогично предыдущему пункту, только наоборот.
  • Fixed-width (фиксированной ширины) – это содержимое разнообразных колонок и, иногда, подписей к изображениям.
  • Minimum size (минимальный размер) – это наименьший размер символов, которые будет отображать обозреватель. Меньшие буквы будут автоматически увеличены до данного значения.
  • Encoding (кодировка) – набор символов, используемых в данном языке. Без понимания дела менять ее не рекомендуется.

И, наконец, вы можете изменить масштаб всей веб-страницы с помощью «Page zoom» («Масштаб страницы»). Поставьте, к примеру, значение 125%, чтобы немного увеличить отображаемые объекты.

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

Статья была полезна?

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

Как уменьшить масштаб страницы

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

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

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

  • Google Chrome;
  • Mozilla Firefox;
  • Opera;
  • Internet Explorer;
  • Safari (платформа Apple Mac).

Чтобы узнать, как изменить масштаб окна внутри браузера от Яндекс, используйте данные по Google Chrome. Эта программа создавалась на основе бесплатно распространяемого исходного кода Chromium, так же, как браузер от Google. Менее популярные программные продукты используют похожие схемы управления содержимым. Программа иногда предусматривает возможность изменить горячие клавиши на более удобные для работы с окном.

В меню «Настройки»

С помощью мыши сделайте щелчок на меню, открываемое в верхней части. Это может быть как целая строка с надписью «Вид» среди прочих, так и одиночные иконки. В Опере это значок с соответствующим логотипом, а в Chrome такой элемент расположен в правой верхней части панели инструментов (кнопка с тремя горизонтальными полосами). Откройте меню одним из указанных методов, что приведет вас к нужному пункту и кнопкам для его увеличения или уменьшения. Нажимайте элемент со знаком «–» до тех пор, пока не останетесь удовлетворены результатом.

Горячими клавишами

Альтернативой для серии щелчков мышью в окне браузера будет использование горячих клавиш или комбинации клавиш для изменения габаритов иконок и символов. Большинство браузеров использует стандартную комбинацию «Ctrl+–», которая изменяет размер всех элементов в окне на фиксированное количество процентов относительно исходного значения. Платформа Apple Mac использует похожее сочетание клавиш с поправкой на иные символьные обозначения для управляющих клавиш.

Как увеличить масштаб экрана

Изменить размеры изображения веб-контента в большую сторону можно аналогично с действиями, указанными выше. Одно и то же меню используется для уменьшения или увеличения, а также для сброса параметра в исходное значение. Увеличивающая комбинация клавиш – «Ctrl» и «+». Используйте «+» на дополнительной клавиатуре , чтобы избежать конфликтов с другими клавиатурными сочетаниями. Возможность увеличить масштаб на экране используется в работе с текстом, написанным мелкими буквами.

Как изменить размер экрана на компьютере

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

Как изменить масштаб на ноутбуке

Клавиатура ноутбуков незначительно ограничивает комбинации клавиш, используемых для того, чтобы изменить видео или размер строк в окне. Вы найдете на вашей клавиатуре хотя бы один комплект кнопок «+», «–» и «0» для такой цели. Сочетание «Ctrl+0» пригодится, чтобы изменить значения обратно в 100%, например, в ситуации, когда вы чрезмерно расширили текст или изображения. Это сочетание уменьшает контент и возвращает страницу в первоначальный вид. Затем вы можете увеличить масштаб страницы на другое значение.

Видео: как поменять расширение экрана

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

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


Пораскинув мозгами, нашел три легких и быстрых способа , как решить эту проблему.

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



Три легких и быстрых способа изменения масштаба экрана ПК/ноутбука в яндекс и гугл хром


  • Способ первый . Очень быстрый, буквально одним щелчком (кликом) - при помощи так называемых "горячих клавиш".
На клавиатуре нажимаю одновременно две клавиши: 1) Ctrl (на картинке под цифрой 1) и клавишу со знаком минус (-) или плюс (+). Они указаны под цифрой 2.

То есть, когда хочу добиться увеличения, жму на "плюс". Соответственно, для уменьшения кликаю так же - на клавиши Ctrl и "минус". И все, размеры мгновенно изменились!

  • Способ второй. Чуть дольше (ну, на пол-минуты) - в настройках яндекса или гугл хром.
Рассмотрим по-очереди два примера.
  1. Итак, в правом верхнем углу Яндекса нахожу "шайбочку" (цифра 1), жму на нее. И в открывшемся окне (см. картинку), навожу курсор мыши на слово "Масштаб". В скобках отражается тот размер, которым я пользуюсь на данный момент .



К примеру, была установлена масштабность 125%. При наведении мыши рядом сразу открывается новое окошко, с различными вариантами на выбор. Тот, который установлен у меня на данный момент, уже помечен точкой.

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



2. Теперь в гугл хром. Алгоритм действий тот же. Только, к счастью, еще короче.

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





Теперь, когда я открываю различные страницы сайтов, они раскрываются в указанном масштабе. То есть результат сохраняется, и при переходе на другие блоги и пр., мне не нужно заново все устанавливать в желаемых масштабах.
  • Третий способ доступен в Гугл хром. И позволяет установить не только размер экрана, но и зафиксировать желательные размеры шрифта для веб-документов.
Тоже выполняется достаточно просто и быстро. Опять открываю меню Chrome в панели инструментов браузера, т.е. кликаю по "шайбе". Только теперь выбираю пункт "Настройки".


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




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



И, коль уж оказался на этой странице, решил воспользоваться настройкой шрифта. Благо, сделать это очень легко.
Кликнув по строчке "Настроить шрифты", перехожу в новую вкладку. Здесь отмечаю два параметра - устанавливаю размеры Стандартного и Минимального размеров шрифта.


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

Подведем итоги. Для того, чтобы не мучиться при работе в интернете, напрягая зрение, я делаю следующее:

    В гугл хром сразу выполняю настройки по третьему способу ;

    В яндекс - вторым способом ;

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

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

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

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

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


Щелкнув по ней, пользователь сможет увидеть сверху цифру, выраженную в процентах, а также кнопки «-» и «+». Достаточно нажать на вторую и масштаб страницы увеличится на 10 процентов. Если нажать еще раз, то еще на 10 процентов. Уменьшить масштаб до стандартного также можно, но нажав на клавишу «-«.

Как видите, все просто.

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

1. Откройте меню браузера и щелкните на «Настройки ».

2. Откроется новая «Настройки ». В ней вам необходимо найти и щелкнуть по кнопке «Показать дополнительные настройки ». Чтобы её найти необходимо опуститься в самый низ вкладки, используя колесо прокрутки.

3. После чего список доступных настроек браузера увеличится. Теперь находим раздел «Веб-содержимое », используя ранее упомянутое колесо прокрутки.

4. Первой настройкой в этом разделе как раз и стоит размер шрифта. По умолчанию в Яндекс браузере стоит размер шрифта «Средний». Чтобы изменить на другой просто щелкните по этой ячейки и в открывающемся списке выберите «Крупный» или «Очень крупный» шрифт (если вы хотите уменьшить шрифт, то соответственно выберите «Мелкий» или «Очень мелкий»).

Для более детальной настройки шрифтов в Яндекс браузере щелкните по кнопке «Настроить шрифты» и в открывшемся диалоговом окне отыщите «Минимальный размер шрифта ».

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

Здравствуйте, уважаемые читатели, почитатели и прочие хорошие люди!

Случалось ли Вам получать и читать письма на “фиг каком пойми языке” или заходить на какой-нибудь интернет-ресурс и вместо привычных букв видеть сплошные кракозябры? Если да, тогда эта заметка для Вас, ибо в ней мы поговорим о кодировке страниц, её форматах, почему оная возникает и как впредь избежать непонятных иероглифов.

Итак, сегодня нас ждет не легкая софтовая статья, а суровая техническая, так что приготовьтесь: будем немного ударяться в суровые реалии.
Поехали.

скидки от 50%

Хотите знать и уметь больше?

Обучим, расскажем, покажем, трудоустроим!
Станьте опытным пользователем, администратором серверов и сетей, веб-дизайнером или кем-то из смежной сферы!

Что такое кодировка текста и с чем ее едят?

Начать хотелось бы с того, что этой статьи могло бы и не быть, т.к. компьютерно-юзательная жизнь автора этих строк протекала вполне себе спокойно и достойно. Но вот в один прекрасный день, шляясь по просторам сети Интернет не со своего ПК, я столкнулся с непонятными явлениями на некоторых сайтах. Заходя на интернет-ресурсы, я видел не привычный нам русский алфавит и красивый понятный текст, а какую-то ересь в виде непонятной последовательности символов. Выглядела она примерно вот так (см. изображение).

Сначала я подумал, что моя любимая Мозилка (браузер Firefox) перегрелась и ей пора вызывать неотложку, но потом начал понимать, что проблема, скорее всего, на стороне ресурса сети и кроется она в неправильно настроенной кодировке. Это действительно оказалось так, и пошаманив немного с бубном, проблемка была оперативно решена. Результатом же всех моих любовных похождений и стал сегодняшний материал. Собственно, поехали разбираться в деталях.

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

Если Вы хоть немного знакомы с языком разметки гипертекста (HTML ), то должны быть в курсе, что сайт глазами поисковых машин (Google, Яндекс ) видится не как обычный текст, а как структурированный документ, состоящий из последовательностей различного рода тегов. Чтобы было понятней, о чем я говорю, давайте взглянем на всеми нами любимый сайт Заметки Сис.Админа ” проекта , но не глазами обычного пользователя, а "глазами" поисковика. Для этого нажимаем сочетание клавиш Сtrl+U (для браузеров Firefox и Chrome ) и видим следующую картину (см. изображение):

Перед нами машинный вариант сайт , вот в таком вот непрезентабельном виде он подается поисковым системам и именно в таком виде они его и кушают. Если бы мы просто взяли и “засандалили” варианты статей из блокнота или Word обычным текстом, машины бы им не то что подавились, они бы даже и есть его не стали. Итак, перед нами главная страница проекта в HTML -виде. Обратите внимание на строку с надписью UTF-8 , это не что иное, как пресловутая кодировка текста страницы, именно она и отвечает за формат вывода информации в презентабельном виде, в результате чего через браузер мы видим нормальный текст.

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

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

  1. Кодировка (или “Charset ”) – соответствие набора символов набору числовых значений. Нужна для “сливания” информации в интернет, т.е. текстовая информация преобразуется в биты данных;
  2. Кодовая страница (“Codepage ”) – 1 байтовая (8 бит) кодировка;
  3. Количество значений, принимаемое 1 байтом – 256 (два в восьмой).

Соответствие “символ-изображение” задается с помощью специальных кодовых таблиц, где каждому символу уже присвоен свой конкретный числовой код. Таких таблиц существует достаточно много, и в разных таблицах один и тот же символ может идентифицироваться по-разному (ему могут соответствовать разные числовые коды).

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

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

В общем.. С определениями разобрались, а теперь давайте узнаем, какие же (кодировки) бывают.

Виды кодировок текста

А их, в общем-то, хватает.

  • ASCII

Одной из самых “древних” считается американская кодировочная таблица (ASCII , читается как “аски”), принятая национальным институтом стандартов. Для кодировки она использовала 7 битов, в первых 128 значениях размещался английский алфавит (в нижнем и верхнем регистрах), а также знаки, цифры и символы. Она больше подходила для англоязычных пользователей и не была универсальной.

Наши новогодние скидки

  • Кириллица

Отечественный вариант кодировки, для которого стали использовать вторую часть кодовой таблицы – символы с 129 по 256 . Заточена под русскоязычную аудиторию.

  • Кодировки семейства MS Windows : Windows 1250-1258 .

8-битные кодировки, появились как следствие разработки самой популярной операционной системы, Windows . Номера с 1250 по 1258 указывают на язык, под который они заточены, например, 1250 – для языков центральной Европы; 1251 – кириллический алфавит.

  • Код обмена информацией 8 бит – КОИ8

KOI8-R, KOI8-U, KOI-7 – стандарт для русской кириллицы в юникс-подобных операционных системах.

  • Юникод (Unicode )

Универсальный стандарт кодирования символов, позволяющий описать знаки практически всех письменных языков. Обозначение “U+xxxx ” (хххх – 16-ричные цифры). Самые распространенные семейства кодировок UTF (Unicode Transformation Format) : UTF-8, 16, 32 .

В настоящее время, как говорится, “рулит” UTF-8 – именно она обеспечивают наилучшую совместимость со старыми ОС , которые использовали 8 -битные символы. В UTF-8 кодировке находятся большинство сайтов в сети Интернет и именно этот стандарт является универсальным (поддержка кириллицы и латиницы).

Разумеется, я привел не все виды кодировок, а только наиболее ходовые. Если же Вы хотите для общего развития знать их все, то полный список можно отыскать в самом браузере. Для этого достаточно пройти в нем на вкладку “Вид-Кодировка-Выбрать список ” и ознакомиться со всевозможными их вариантами (см. изображение).

Думаю возник резонный вопрос: “Какого лешего столько кодировок? ”. Их изобилие и причины возникновения можно сравнить с таким явлением, как кроссбраузерность/кроссплатформенность. Это когда один и тот же сайт сайт отображается по-разному в различных интернет-обозревателях и на различных гаджет-устройствах. Кстати у сайта "Заметки Сис.Админа " с этим, как Вы заметили всё в порядке:).

Все эти кодировки – рабочие варианты, созданные разработчиками “под себя” и решение своих задач. Когда же их количество перевалило за все разумные пределы, а в поисковиках стали плодиться запросы типа: “Как убрать кракозябры в браузере? ” - разработчики стали ломать голову над приведением всей этой каши к единому стандарту, чтобы, так сказать, всем было хорошо. И кодировка Unicode , в общем-то, это “хорошо” и сделала. Теперь если такие проблемы и возникают, то они носят локальный характер, и не знают как их исправить только совсем непросвещенные пользователи (впрочем, часто беда с кодировкой и отображением сайтов появляется из-за того, что веб-мастер указал на стороне сервера некорректный формат, и приходится переключать кодировку в браузере).

Ну вот, собственно, пока вся "базово необходимая" теория, которая позволит Вам “не плавать” в кодировочных вопросах, теперь переходим к практической части статьи.

Решаем проблемы с кодировкой или как убрать кракозябры?

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

В любой операционной системе имеется таблица символов, ее не нужно докачивать, устанавливать – это данность свыше, которая располагается по адресу: “Пуск-программы-стандартные-служебные-таблица символов”. Это таблица векторных форм всех установленных в Вашей операционной системе шрифтов.

Выбрав “дополнительные параметры” (набор Unicode ) и соответствующий тип начертания шрифта, Вы увидите полный набор символов, в него входящих. Кликнув по любому символу, Вы увидите его код в формате UTF-16 , состоящий из 4 -х шестнадцатеричных цифр (см. изображение).

Теперь пара слов о том, как убрать кракозябры. Они могут возникать в двух случаях:

  1. Со стороны пользователя - при чтении информации в интернет (например, при заходе на сайт);
  2. Или, как говорилось чуть выше, со стороны веб-мастера (например, при создании/редактировании текстовых файлов с поддержкой синтаксиса языков программирования в программе ++ или из-за указания неправильной кодировки в коде сайта).

Рассмотрим оба варианта.

№1. Иероглифы со стороны пользователя.
Допустим, Вы запустили ОС и в каком-то из приложений у Вас отображаются пресловутые каракули. Чтобы это исправить, идем по адресу: “Пуск - Панель управления - Язык и региональные стандарты - Изменение языка ” и выбираем из списка, "Россия ".

Также проверьте во всех вкладках, чтобы локализация была “Россия/русский ” – это так называемая системная локаль.

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

№2. Иероглифы со стороны веб-мастера.
Очень часто начинающие разработчики сайтов не придают большого значения кодировке создаваемого документа, в результате чего потом и сталкиваются с вышеозначенной проблемой. Вот несколько простых базовых советов для веб-мастеров, чтобы исправить беду.

Чтобы такого не происходило, заходим в редактор Notepad++ и выбираем в меню пункт “Кодировки ”. Именно он поможет преобразовать имеющийся документ. Спрашивается, какой? Чаще всего (если сайт на WordPress или Joomla ), то “Преобразовать в UTF-8 без BOM ” (см. изображение).

Сделав такое преобразование, Вы увидите изменения в строке статуса программы.

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

Для этого необходимо прописать “внаглую” (в шапку сайта, т.е, как частенько, в файл header.php ) между тегами следующую строчку:

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

Также может потребоваться корректировка вывода данных из БД (MySQL). Делается сие так:

mysql_query("SET NAMES utf8");
myqsl_query("SET CHARACTER SET utf8");
mysql_query("SET COLLATION_CONNECTION="utf8_general_ci"" ");

Как вариант, можно еще сделать ход конём и прописать в файл .htaccess такие вот строчки:

# BEGIN UTF8
AddDefaultCharset utf-8
AddCharset utf-8 *

CharsetSourceEnc utf-8
CharsetDefault utf-8

# END UTF8

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

Ну, вот и практическая часть статьи закончена, осталось подвести небольшие итоги.

Послесловие

Сегодня мы познакомились с таким понятием, как кодировка текста. Уверен, теперь при возникновении каракулей на мониторе компьютера Вы не спасуете, а вспомните все приведенные здесь методы и решите вопрос в свою пользу!

На сим все, спасибо за внимание и до новых встреч.