tikz 相对于页面和内容定位图像

Question

渴望评论...

抱歉，但我看不懂你的问题和评论。我搞不清楚问题出在哪里。例如，以下（不那么短的）MWE 运行正常：

\documentclass[a4paper]{scrartcl}
\usepackage[margin=20mm]{geometry}
%---------------- Show page layout. Don't use in a real document!
\usepackage{showframe}
\renewcommand\ShowFrameLinethickness{0.15pt}
\renewcommand*\ShowFrameColor{\color{red}}
%---------------------------------------------------------------%
\usepackage{lipsum}% For dummy text. Don't use in a real document

\usepackage{tikz}
\usetikzlibrary{positioning,
                shapes.callouts
                }
\tikzset{
node distance = 8mm and 13 mm,
   box/.style = {inner sep=0pt},
  note/.style = {rectangle callout, callout relative pointer={(#1)},
                 callout pointer width=4mm,
                 draw, ultra thick, rounded corners,
                 text width=41mm, inner sep=3mm, font=\large}
        }
\usepackage{graphicx}
\setkeys{Gin}{height=4cm}

\begin{document}
    \begin{center}
\begin{tikzpicture}
\path   (0,0)           node (cardbox)  [box, right] {\includegraphics{jpg/albIe7h}}
        (\linewidth,0)  node (bottle)   [box,  left] {\includegraphics{jpg/A2eDdiT}};
\node (n1) [note={-9mm,1mm},
            right=of cardbox.east]
           {This is a box\\ Ceci est une boîte};
\node (n2) [note={17mm,2mm},
            below=of n1]
           {That's a bottle\\ Celà est une bouteille};

\end{tikzpicture}
    \end{center}
\lipsum[66]
    \begin{center}
\begin{tikzpicture}
\path   (0,0)           node (cardbox)  [box, right] {\includegraphics{jpg/albIe7h}}
        (\linewidth,0)  node (bottle)   [box,  left] {\includegraphics{jpg/A2eDdiT}};
\node (n1) [note={-9mm,1mm},
            right=of cardbox.east]
           {This is a box\\ Ceci est une boîte};
\node (n2) [note={17mm,2mm},
            below=of n1]
           {That's a bottle\\ Celà est une bouteille};
\end{tikzpicture}
    \end{center}
\lipsum[66]
    \begin{center}
\begin{tikzpicture}
\path   (0,0)           node (cardbox)  [box, right] {\includegraphics{jpg/albIe7h}}
        (\linewidth,0)  node (bottle)   [box,  left] {\includegraphics{jpg/A2eDdiT}};
\node (n1) [note={-9mm,1mm},
            right=of cardbox.east]
           {This is a box\\ Ceci est une boîte};
\node (n2) [note={17mm,2mm},
            below=of n1]
           {That's a bottle\\ Celà est une bouteille};
\end{tikzpicture}
    \end{center}
\end{document}

（红线表示页面布局）

从 MWE 中可以看到，图像元素样式的定义已移至中的前言中\tikzset。这样就无需在每张图片上重复了。

从图片中您可以看到，图像很好地适合左右文本边框之间，并且页面上的第一个图像位于文本区域的顶部。

我的结论：

图像代码按预期工作，您只需正确插入文档即可（我使用center环境，但您可以使用例如figure浮点数或其他一些。
我无法弄清楚，你的问题到底是什么（正如我在回答开始时提到的那样）。
不清楚您的表格和tcolorboxes 在哪里，以及它们与这些图像或您的问题有什么关系。请通过编辑您的问题来澄清这一点

附录： 上述答案的小改进。现在通知与左边缘的距离相同，为左侧和右侧定向注释以及带有图像的左侧和右侧框定义了单独的样式。让我强调一下，所有这些都是基于猜测 OP 想要什么：

\documentclass[a4paper]{scrartcl}
\usepackage[margin=20mm]{geometry}
\setlength\parindent{0pt}

%---------------- Show page layout. Don't use in a real document!
\usepackage{showframe}
\renewcommand\ShowFrameLinethickness{0.15pt}
\renewcommand*\ShowFrameColor{\color{red}}
%---------------------------------------------------------------%
\usepackage{lipsum}% For dummy text. Don't use in a real document

\usepackage{tikz}
\usetikzlibrary{positioning,
                shapes.callouts
                }
\tikzset{
node distance = 2mm and 55mm,
    boxL/.style = {inner sep=0pt, below #1, anchor=north west},
    boxR/.style = {inner sep=0pt, anchor=north east},
noteBase/.style = {rectangle callout, callout pointer width=4mm,
                   draw=blue, ultra thick, line join=round,
                   text width=32mm, minimum height=2.2\baselineskip, inner sep=2mm},
   noteL/.style = {noteBase, callout relative pointer={(-11mm,1mm)}},
   noteR/.style = {noteBase, callout relative pointer={(+17mm,2mm)}},
        }
\usepackage{graphicx}
\setkeys{Gin}{height=4cm}

\begin{document}
\begin{tikzpicture}
\path   (0,0)           node (n1)  [boxL=right] {\includegraphics[height=3cm]{jpg/albIe7h}}
        (\linewidth,0)  node (n2)  [boxR=left] {\includegraphics{jpg/A2eDdiT}};
\node (n1) [noteL, right=of n1.west]
           {This is a box\\ Ceci est une boîte};
\node (n2) [noteR, below=of n1]
           {That's a bottle\\ Celà est une bouteille};

\end{tikzpicture}

\lipsum[66]

\medskip
\begin{tikzpicture}
\path   (0,0)           node (n1)  [boxL=right] {\includegraphics{jpg/A2eDdiT}}
        (\linewidth,0)  node (n2)  [boxR=left] {\includegraphics{jpg/albIe7h}};
\node (n3) [noteL, right=of n1.west]
           {Ceci est une boîte\\ This is a box};
\node (n4) [noteR, below=of n3]
           {That's a bottle\\ Celà est une bouteille};
\end{tikzpicture}

\medskip
\begin{tikzpicture}
\path   (0,0)           node (n1)  [boxL=right] {\includegraphics{jpg/albIe7h}}
        (\linewidth,0)  node (n2)  [boxR=left] {\includegraphics[height=2cm]{jpg/A2eDdiT}};
\node (n3) [noteL, right=of n1.west]
           {This is a box\\ Ceci est une boîte};
\node (n4) [noteR, below=of n3]
           {That's a bottle\\ Celà est une bouteille};
\end{tikzpicture}
\end{document}

Answer 1