> For the complete documentation index, see [llms.txt](https://overleaf-pro.ayaka.space/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://overleaf-pro.ayaka.space/latex/uk/risunki-ta-tablici/02-positioning-images-and-tables.md). # Розміщення зображень і таблиць LaTeX — це інструмент для верстки, який дбає про формат, тож вам потрібно турбуватися лише про вміст документа; однак інколи потрібен кращий контроль над плаваючими елементами. У цій статті пояснюється, як розміщувати зображення та таблиці в документі LaTeX. ## Вступ Вирівнювання зображень і таблиць за замовчуванням встановлено на *left* ```latex Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam lobortis facilisis sem. Nullam nec mi et neque pharetra sollicitudin. \includegraphics[width=0.5\textwidth]{overleaf-logo} Praesent imperdiet mi nec ante. Donec ullamcorper, felis non sodales commodo, lectus velit ultrices augue, a dignissim nibh lectus placerat pede. Vivamus nunc nunc, molestie ut, ultricies vel, semper in, velit. Ut porttitor. ``` ![PositioningTnIEX1OverleafV2.png](/files/fa3a6c6d584d5cdca16492fefa303dbeef302fca) Це простий приклад; опис цього та інших способів вставляння зображень у ваш файл LaTeX див. у статті [Вставлення зображень](/latex/uk/inshi-temi/27-inserting-images.md). [Відкрити приклад в Overleaf](https://www.overleaf.com/project/new/template/19663?id=66518064\&templateName=Example+of+positioning+tables+and+figures\&latexEngine=pdflatex\&texImage=texlive-full%3A2020.1\&mainFile=) ## Розміщення зображень ### Базове розміщення Щоб змінити вирівнювання зображення за замовчуванням з *left* або *right*, простий варіант — додати ```latex \usepackage[export]{adjustbox} ``` до преамбули вашого файла, а потім використати додаткову опцію у вашій команді імпорту зображення ```latex Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam lobortis facilisis sem. Nullam nec mi et neque pharetra sollicitudin. \includegraphics[width=0.5\textwidth, right]{overleaf-logo} Praesent imperdiet mi necante. Donec ullamcorper, felis non sodales commodo, lectus velit ultrices augue, a dignissim nibh lectus placerat pede. Vivamus nunc nunc, molestie ut, ultriciesvel, semper in, velit. Ut porttitor. ``` ![PositioningTnIEx2OLV2.png](/files/2bcc5c78dcb5251dbd65f224e8a8c9bf80cb4077) Пакет **adjustbox** надає додаткову опцію в `\includegraphics` команді, у прикладі зображення вирівнюється по `right`. Доступні значення: *left*, *right*, *center*, *outer* та *inner*, останні два призначені для двосторонніх документів. [Відкрити приклад в Overleaf](https://www.overleaf.com/project/new/template/19663?id=66518064\&templateName=Example+of+positioning+tables+and+figures\&latexEngine=pdflatex\&texImage=texlive-full%3A2020.1\&mainFile=) ### Середовище figure Середовище figure (див. [Вставлення зображень](/latex/uk/inshi-temi/27-inserting-images.md)) призначене для автоматичного розміщення. ```latex Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis fringilla tristique neque. Sed interdum libero ut metus. Pellentesque placerat. Nam rutrum augue a leo. Morbi sed elit sit amet ante lobortis sollicitudin. \begin{figure}[h] \includegraphics[width=0.5\textwidth, inner]{overleaf-logo} \caption{Підпис} \label{fig:figure2} \end{figure} ``` ![PositioningTnIEx3OLV2.png](/files/445486157bcd61736ac9432dd5c7c84a241c50ba) Це середовище використовує параметр розміщення, який передається всередині квадратних дужок; він може приймати такі значення: | Параметр | Положення | | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | | h | Розмістити плаваючий об’єкт *тут*, тобто, *приблизно* у тому самому місці, де він з’являється у вихідному тексті (однак не *точно* на цьому місці) | | t | Розташувати *вгорі* сторінки. | | b | Розташувати *внизу* сторінки. | | p | Розмістити на окремій *page* лише для плаваючих об’єктів. | | ! | Перевизначає внутрішні параметри, які LaTeX використовує для визначення «добрих» позицій плаваючих об’єктів. | | H | Розміщує плаваючий об’єкт точно в тому місці в коді LaTeX. Потребує пакета `float` пакет. Це певною мірою еквівалентно h!. | Ви можете вказати в параметрі більше одного значення, наприклад, якщо ви напишете `[ht]` LaTeX спробує розмістити рисунок **тут**, але якщо це неможливо (може бракувати місця), тоді рисунок з’явиться в **вгорі** нижній частині сторінки. Рекомендується використовувати більше одного параметра розміщення, щоб уникнути неочікуваних результатів. [Відкрити приклад в Overleaf](https://www.overleaf.com/project/new/template/19663?id=66518064\&templateName=Example+of+positioning+tables+and+figures\&latexEngine=pdflatex\&texImage=texlive-full%3A2020.1\&mainFile=) ### Кілька зображень в одному рисунку Можна вставити кілька зображень в один рисунок, кожне зі своїм посиланням і міткою ```latex Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis fringilla tristique neque... \begin{figure}[h] \begin{subfigure}{0.5\textwidth} \includegraphics[width=0.9\linewidth, height=6cm]{overleaf-logo} \caption{Підпис1} \label{fig:subim1} \end{subfigure} \begin{subfigure}{0.5\textwidth} \includegraphics[width=0.9\linewidth, height=6cm]{mesh} \caption{Підпис 2} \label{fig:subim2} \end{subfigure} \caption{Підпис до цього рисунка з двома зображеннями} \label{fig:image2} \end{figure} Praesent blandit blandit mauris. Praesent lectus tellus, aliquet aliquam, luctus a, egestas a, turpis. Mauris lacinia lorem sit amet ipsum. Nunc quis urna dictum turpis accumsan semper. ``` ![PositioningTnIEx4OLV2.png](/files/02ad58d836f74008e68e3b861bb6e0f8129f3628) Спочатку потрібно імпортувати пакет **subcaption** додавши до преамбули ```latex \usepackage{subcaption} ``` потім ви можете використати середовище `\subfigure` яке приймає один параметр — ширину рисунка. Це середовище потрібно використовувати всередині `figure` середовища, для кожної з них можна задати підписи та мітки *підрисунка*. [Відкрити приклад в Overleaf](https://www.overleaf.com/project/new/template/19663?id=66518064\&templateName=Example+of+positioning+tables+and+figures\&latexEngine=pdflatex\&texImage=texlive-full%3A2020.1\&mainFile=) ### Обтікання текстом рисунка Пакет **wrapfig** надає корисну можливість: текст можна розташовувати навколо зображень. ```latex Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis fringilla tristique neque. Sed interdum libero ut metus. Pellentesque placerat. \begin{wrapfigure}{l}{0.25\textwidth} \includegraphics[width=0.9\linewidth]{overleaf-logo} \caption{Підпис1} \label{fig:wrapfig} \end{wrapfigure} Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis fringilla tristique neque. Sed interdum ``` ![PositioningTnIEx5OLV2.png](/files/1c8361970270e7170b4f9237570abb9977efda48) Спочатку імпортуйте пакет *wrapfig* додавши ```latex \usepackage{wrapfig} ``` до преамбули. Після цього ви можете використати середовище `wrapfig`, воно приймає два параметри, що передаються в фігурних дужках: вирівнювання, яке може бути *l*, *r*, *c*, *i* або *або*; ці літери означають ліворуч, праворуч, по центру, всередині та зовні відповідно (останні два призначені для двосторонніх документів). Другий параметр — це ширина рисунка; у прикладі це 0.25 ширини тексту. Див. [довідковий посібник](#reference-guide) список можливих одиниць довжини. [Відкрити приклад в Overleaf](https://www.overleaf.com/project/new/template/19663?id=66518064\&templateName=Example+of+positioning+tables+and+figures\&latexEngine=pdflatex\&texImage=texlive-full%3A2020.1\&mainFile=) ## Розміщення таблиць Параметри розміщення таблиць подібні до тих, що доступні для рисунків. ### Базове розміщення Положення середовища tabular за замовчуванням — *по центру*. ```latex Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis fringilla tristique neque. Sed interdum libero ut metus. Pellentesque placerat. Nam rutrum augue a leo. Morbi sed elit sit amet ante lobortis sollicitudin. \arrayrulecolor[HTML]{DB5800} \begin{tabular}{ |s|p{2cm}|p{2cm}| } \hline \rowcolor{lightgray} \multicolumn{3}{|c|}{Country List} \\ \hline Country Name or Area Name& ISO ALPHA 2 Code &ISO ALPHA 3 \\ \hline Afghanistan & AF &AFG \\ \rowcolor{gray} Аландські острови & AX & ALA \\ Албанія &AL & ALB \\ Алжир &DZ & DZA \\ American Samoa & AS & ASM \\ Андорра & AD & \cellcolor[HTML]{AA0044} AND \\ Angola & AO & AGO \\ \hline \end{tabular} Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis fringilla tristique neque. Sed interdum libero ut metus. Pellentesque placerat. Nam rutrum augue a leo. Morbi sed elit sit amet ante lobortis sollicitudin. ``` [Відкрити цей фрагмент коду в Overleaf](https://www.overleaf.com/docs?engine=\&snip_name=Default+position+of+tabular\&snip=%5Cdocumentclass%7Barticle%7D%0A%25Table-related+commands%0A%5Cusepackage%7Barray%7D%0A%5Cusepackage%5Btable%5D%7Bxcolor%7D%0A%5Csetlength%7B%5Carrayrulewidth%7D%7B1mm%7D%0A%5Csetlength%7B%5Ctabcolsep%7D%7B18pt%7D%0A%5Crenewcommand%7B%5Carraystretch%7D%7B1.5%7D%0A%5Cnewcolumntype%7Bs%7D%7B%3E%7B%5Ccolumncolor%5BHTML%5D%7BAAACED%7D%7D+p%7B3cm%7D%7D%0A%0A%5Cbegin%7Bdocument%7D%0APraesent+in+sapien.+Lorem+ipsum+dolor+sit+amet%2C+consectetuer+adipiscing+elit.+Duis+fringilla+tristique+neque.+%0ASed+interdum+libero+ut+metus.+Pellentesque+placerat.+Nam+rutrum+augue+a+leo.+Morbi+sed+elit+sit+amet+%0Aante+lobortis+sollicitudin.%0A%0A%5Carrayrulecolor%5BHTML%5D%7BDB5800%7D%0A%5Cbegin%7Btabular%7D%7B+%7Cs%7Cp%7B2cm%7D%7Cp%7B2cm%7D%7C++%7D%0A%5Chline%0A%5Crowcolor%7Blightgray%7D+%5Cmulticolumn%7B3%7D%7B%7Cc%7C%7D%7BCountry+List%7D+%5C%5C%0A%5Chline%0ACountry+Name+or+Area+Name%26+ISO+ALPHA+2+Code+%26ISO+ALPHA+3+%5C%5C%0A%5Chline%0AAfghanistan+%26+AF+%26AFG+%5C%5C%0A%5Crowcolor%7Bgray%7D%0AAland+Islands+%26+AX++%26+ALA+%5C%5C%0AAlbania++++%26AL+%26+ALB+%5C%5C%0AAlgeria+++%26DZ+%26+DZA+%5C%5C%0AAmerican+Samoa+%26+AS+%26+ASM+%5C%5C%0AAndorra+%26+AD+%26+%5Ccellcolor%5BHTML%5D%7BAA0044%7D+AND+%5C%5C%0AAngola+%26+AO+%26+AGO+%5C%5C%0A%5Chline%0A%5Cend%7Btabular%7D%0A%0APraesent+in+sapien.+Lorem+ipsum+dolor+sit+amet%2C+consectetuer+adipiscing+%0Aelit.+Duis+fringilla+tristique+neque.+Sed+interdum+libero+ut+metus.+%0APellentesque+placerat.+Nam+rutrum+augue+a+leo.+Morbi+sed+elit+sit+%0Aamet+ante+lobortis+sollicitudin.%0A%5Cend%7Bdocument%7D) На наведеному нижче зображенні показано результат фрагмента коду вище: ![PositioningTnIEx6.png](/files/463392e17b134497700ab01719a476f7101b99e8) Ви також можете [відкрити повний приклад проєкту в Overleaf.](https://www.overleaf.com/project/new/template/19663?id=66518064\&templateName=Example+of+positioning+tables+and+figures\&latexEngine=pdflatex\&texImage=texlive-full%3A2020.1\&mainFile=) Щоб дізнатися, як створювати таблиці, див. [Таблиці](/latex/uk/risunki-ta-tablici/01-tables.md) статтю. ### Середовище table Середовище table призначене для автоматичного розміщення таблиць так, щоб вони гарно вписувалися в потік вашого документа. ```latex Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis fringilla tristique neque. Sed interdum libero ut metus. Pellentesque placerat. Nam rutrum augue a leo. Morbi sed elit sit amet ante lobortis sollicitudin. \begin{table}[ht] \arrayrulecolor[HTML]{DB5800} \centering \begin{tabular}{ |s|p{2cm}|p{2cm}| } \hline \rowcolor{lightgray} \multicolumn{3}{|c|}{Country List} \\ \hline Country Name or Area Name& ISO ALPHA 2 Code &ISO ALPHA 3 \\ \hline Afghanistan & AF &AFG \\ \rowcolor{gray} Аландські острови & AX & ALA \\ Албанія &AL & ALB \\ Алжир &DZ & DZA \\ American Samoa & AS & ASM \\ Андорра & AD & \cellcolor[HTML]{AA0044} AND \\ Angola & AO & AGO \\ \hline \end{tabular} \caption{Таблиця всередині плаваючого елемента} \label{table:ta} \end{table} Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis fringilla tristique neque. Sed interdum libero ut metus. Pellentesque placerat. Nam rutrum augue a leo. Morbi sed elit sit amet ante lobortis sollicitudin. ``` [Відкрити цей фрагмент коду в Overleaf](https://www.overleaf.com/docs?engine=\&snip_name=Default+position+of+tabular\&snip=%5Cdocumentclass%7Barticle%7D%0A%25Table-related+commands%0A%5Cusepackage%7Barray%7D%0A%5Cusepackage%5Btable%5D%7Bxcolor%7D%0A%5Csetlength%7B%5Carrayrulewidth%7D%7B1mm%7D%0A%5Csetlength%7B%5Ctabcolsep%7D%7B18pt%7D%0A%5Crenewcommand%7B%5Carraystretch%7D%7B1.5%7D%0A%5Cnewcolumntype%7Bs%7D%7B%3E%7B%5Ccolumncolor%5BHTML%5D%7BAAACED%7D%7D+p%7B3cm%7D%7D%0A%0A%5Cbegin%7Bdocument%7D%0APraesent+in+sapien.+Lorem+ipsum+dolor+sit+amet%2C+consectetuer+%0Aadipiscing+elit.+Duis+fringilla+tristique+neque.+Sed+interdum+%0Alibero+ut+metus.+Pellentesque+placerat.+Nam+rutrum+augue+a+leo.%0AMorbi+sed+elit+sit+amet+ante+lobortis+sollicitudin.%0A%0A%5Cbegin%7Btable%7D%5Bht%5D%0A%5Carrayrulecolor%5BHTML%5D%7BDB5800%7D%0A%5Ccentering%0A%5Cbegin%7Btabular%7D%7B+%7Cs%7Cp%7B2cm%7D%7Cp%7B2cm%7D%7C++%7D%0A%5Chline%0A%5Crowcolor%7Blightgray%7D+%5Cmulticolumn%7B3%7D%7B%7Cc%7C%7D%7BCountry+List%7D+%5C%5C%0A%5Chline%0ACountry+Name+or+Area+Name%26+ISO+ALPHA+2+Code+%26ISO+ALPHA+3+%5C%5C%0A%5Chline%0AAfghanistan+%26+AF+%26AFG+%5C%5C%0A%5Crowcolor%7Bgray%7D%0AAland+Islands+%26+AX++%26+ALA+%5C%5C%0AAlbania++++%26AL+%26+ALB+%5C%5C%0AAlgeria+++%26DZ+%26+DZA+%5C%5C%0AAmerican+Samoa+%26+AS+%26+ASM+%5C%5C%0AAndorra+%26+AD+%26+%5Ccellcolor%5BHTML%5D%7BAA0044%7D+AND+%5C%5C%0AAngola+%26+AO+%26+AGO+%5C%5C%0A%5Chline%0A%5Cend%7Btabular%7D%0A%5Ccaption%7BTable+inside+a+floating+element%7D%0A%5Clabel%7Btable%3Ata%7D%0A%5Cend%7Btable%7D%0A%0APraesent+in+sapien.+Lorem+ipsum+dolor+sit+amet%2C+consectetuer+%0Aadipiscing+elit.+Duis+fringilla+tristique+neque.+Sed+interdum+%0Alibero+ut+metus.+Pellentesque+placerat.+Nam+rutrum+augue+a+leo.+%0AMorbi+sed+elit+sit+amet+ante+lobortis+sollicitudin.%0A%5Cend%7Bdocument%7D) Наведене нижче зображення показує результат, отриманий за посиланням Overleaf: ![PositioningTnIEx7.png](/files/0f82b4d7adf6e787fe7c519335deba7435223721) Параметр розміщення в квадратних дужках можна передати **table** середовищу. Цей параметр може приймати такі значення: | Параметр | Положення | | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | | h | Розмістити плаваючий об’єкт *тут*, тобто, *приблизно* у тому самому місці, де він з’являється у вихідному тексті (однак не *точно* на цьому місці) | | t | Розташувати *вгорі* сторінки. | | b | Розташувати *внизу* сторінки. | | p | Розмістити на окремій *page* лише для плаваючих об’єктів. | | ! | Перевизначає внутрішні параметри, які LaTeX використовує для визначення «добрих» позицій плаваючих об’єктів. | | H | Розміщує плаваючий об’єкт точно в тому місці в коді LaTeX. Потребує пакета `float` пакет. Це певною мірою еквівалентно h!. | Ви можете задати більше одного значення в параметрі, наприклад, якщо ви напишете `[ht]` LaTeX спробує розмістити таблицю **тут**, але якщо це неможливо (може бракувати місця), тоді таблиця з’явиться в **вгорі** нижній частині сторінки. Рекомендується використовувати більше одного параметра розміщення, щоб уникнути неочікуваних результатів. Зверніть також увагу на команду `\centering`. Вона змінює вирівнювання таблиці всередині її контейнера на *по центру* замість стандартного *left*. [Відкрити приклад в Overleaf](https://www.overleaf.com/project/new/template/19663?id=66518064\&templateName=Example+of+positioning+tables+and+figures\&latexEngine=pdflatex\&texImage=texlive-full%3A2020.1\&mainFile=) ### Обтікання текстом таблиці Якщо ваша таблиця не займає весь доступний простір і ви хочете розмістити текст поруч або перед нею, це можливо за допомогою пакета `wrapfig`. Спочатку імпортуйте пакет ```latex \usepackage{wrapfig} ``` потім ви можете використати середовище `wraptable` який приймає два параметри: перший — це вирівнювання, яке може бути `l`, `r`, `c`, `i` або `або` для ліворуч, праворуч, по центру, всередині та ззовні відповідно. Другий — це ширина контейнера таблиці; майте на увазі, що цей другий параметр має бути таким самим, як і ширина таблиці, інакше вирівнювання може бути неправильним. ```latex Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis fringilla tristique neque. Sed interdum libero ut metus. Pellentesque placerat. Nam rutrum augue a leo. Morbi sed elit sit amet ante lobortis sollicitudin. \begin{wraptable}{r}{8cm} \arrayrulecolor[HTML]{DB5800} \centering \begin{tabular}{ |s|p{2cm}| } \hline \rowcolor{lightgray} \multicolumn{2}{|c|}{Список країн} \\ \hline Назва країни або назва території& Код ISO ALPHA 2 \\ \hline Афганістан & AF \\ \rowcolor{gray} Аландські острови & AX \\ Албанія &AL \\ Алжир &DZ \\ Американське Самоа & AS \\ Андорра & \cellcolor[HTML]{AA0044} AD \\ Ангола & AO \\ \hline \end{tabular} \caption{Таблиця всередині wraptable} \label{table:ta2} \end{wraptable} Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis fringilla tristique neque. Sed interdum libero ut metus. Pellentesque placerat. Nam rutrum augue a leo. Morbi sed elit sit amet ante lobortis sollicitudin... ``` Відкрийте цей `wrapfig` фрагмент коду в Overleaf Наведене нижче зображення показує результат, отриманий за посиланням Overleaf: ![PositioningTnIEx8OLV2.png](/files/be9b09d8d7faf56fe3047ea0d43c481d938371b3) ## Довідковий посібник **Одиниці та довжини LaTeX** | Скорочення | Визначення | | ------------ | -------------------------------------------------------------- | | pt | Пункт — це одиниця довжини за замовчуванням. Близько 0.3515 мм | | mm | міліметр | | cm | сантиметр | | % | дюйм | | ex | висота **x** у поточному шрифті | | em | ширина **m** у поточному шрифті | | \columnsep | відстань між стовпцями | | \columnwidth | ширина стовпця | | \linewidth | ширина рядка в поточному середовищі | | \paperwidth | ширина сторінки | | \paperheight | висота сторінки | | \textwidth | ширина тексту | | \textheight | висота тексту | | \unitlength | одиниці довжини в *picture* середовищі. | ## Додаткове читання Докладніше див.: * [Таблиці](/latex/uk/risunki-ta-tablici/01-tables.md) * [Вставлення зображень](/latex/uk/inshi-temi/27-inserting-images.md) * [Списки таблиць і рисунків](/latex/uk/risunki-ta-tablici/03-lists-of-tables-and-figures.md) * [Довжини в LaTeX](/latex/uk/formatuvannya/01-lengths-in-latex.md) * [**floatrow** пакет для розширеного керування підписами плаваючих елементів (таблиць і рисунків)](http://tug.ctan.org/tex-archive/macros/latex/contrib/floatrow/floatrow.pdf) * [**sidecap** документація пакета, для підписів до бічних рисунків](ftp://ctan.tug.org/tex-archive/macros/latex/contrib/sidecap/sidecap.pdf) --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://overleaf-pro.ayaka.space/latex/uk/risunki-ta-tablici/02-positioning-images-and-tables.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.