🇲🇪 Черногория 🇷🇸 Сербия 🇺🇦 Украина 🇷🇺 Россия 🇨🇾 Кипр 🇦🇿 Азербайджан 🇧🇬 Болгария 🇸🇪 Швеция 🇨🇭 Швейцария 🇷🇴 Румыния 🇫🇷 Франция 🇬🇷 Греция создай картинку с…

Готовый файл-картинку я нарисовать не могу — изображения я не создаю. Зато я собрал плакат кодом: сохрани его в файл poster.html, открой в браузере — получится синий фон и 12 стран с флагами. Дальше скриншот (или «Печать → Сохранить как PDF») — и у тебя картинка.

<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>12 стран — синий фон</title>
<style>
  body{margin:0;min-height:100vh;padding:24px;box-sizing:border-box;
       display:flex;align-items:center;justify-content:center;
       background:linear-gradient(160deg,#0a2a6b,#1247a8 55%,#0a2a6b);
       font-family:system-ui,Segoe UI,Roboto,sans-serif;color:#fff}
  .poster{width:100%;max-width:1000px}
  h1{text-align:center;font-size:28px;margin:0 0 20px;letter-spacing:.5px}
  .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);
        border-radius:14px;padding:12px;display:flex;flex-direction:column;
        align-items:center;gap:8px}
  .card svg{width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.35)}
  .name{font-size:14px;text-align:center}
  @media (max-width:700px){.grid{grid-template-columns:repeat(2,1fr)}}
</style>
</head>
<body>
<div class="poster">
  <h1>12 стран</h1>
  <div class="grid">

    <div class="card"><svg viewBox="0 0 60 40">
      <rect width="60" height="40" fill="#C6363C"/>
      <rect x="1.5" y="1.5" width="57" height="37" fill="none" stroke="#D4AF37" stroke-width="2.5"/>
    </svg><div class="name">Черногория</div></div>

    <div class="card"><svg viewBox="0 0 60 40">
      <rect width="60" height="13.33" fill="#C6363C"/>
      <rect y="13.33" width="60" height="13.33" fill="#0C4076"/>
      <rect y="26.67" width="60" height="13.33" fill="#FFFFFF"/>
      <rect x="17" y="13" width="9" height="11" fill="#C6363C" stroke="#FFFFFF" stroke-width="1"/>
    </svg><div class="name">Сербия</div></div>

    <div class="card"><svg viewBox="0 0 60 40">
      <rect width="60" height="20" fill="#0057B7"/>
      <rect y="20" width="60" height="20" fill="#FFD700"/>
    </svg><div class="name">Украина</div></div>

    <div class="card"><svg viewBox="0 0 60 40">
      <rect width="60" height="13.33" fill="#FFFFFF"/>
      <rect y="13.33" width="60" height="13.33" fill="#0039A6"/>
      <rect y="26.67" width="60" height="13.33" fill="#D52B1E"/>
    </svg><div class="name">Россия</div></div>

    <div class="card"><svg viewBox="0 0 60 40">
      <rect width="60" height="40" fill="#FFFFFF"/>
      <path d="M22 20l5-4 6 1 6-1 5 4-3 6-7 2-8-1-4-4z" fill="#D57800"/>
      <path d="M18 30q6 4 12 2" stroke="#4E8B3A" stroke-width="1.4" fill="none"/>
      <path d="M42 30q-6 4-12 2" stroke="#4E8B3A" stroke-width="1.4" fill="none"/>
    </svg><div class="name">Кипр</div></div>

    <div class="card"><svg viewBox="0 0 60 40">
      <rect width="60" height="13.33" fill="#00B5E2"/>
      <rect y="13.33" width="60" height="13.33" fill="#EF3340"/>
      <rect y="26.67" width="60" height="13.33" fill="#509E2F"/>
      <circle cx="27" cy="20" r="6" fill="#FFFFFF"/>
      <circle cx="29.5" cy="20" r="5" fill="#EF3340"/>
      <path d="M35 17l1.1 2.4 2.6.3-2 1.9.6 2.6-2.3-1.3-2.3 1.3.6-2.6-2-1.9 2.6-.3z" fill="#FFFFFF"/>
    </svg><div class="name">Азербайджан</div></div>

    <div class="card"><svg viewBox="0 0 60 40">
      <rect width="60" height="13.33" fill="#FFFFFF"/>
      <rect y="13.33" width="60" height="13.33" fill="#00966E"/>
      <rect y="26.67" width="60" height="13.33" fill="#D62612"/>
    </svg><div class="name">Болгария</div></div>

    <div class="card"><svg viewBox="0 0 60 40">
      <rect width="60" height="40" fill="#006AA7"/>
      <rect x="18" width="8" height="40" fill="#FECC00"/>
      <rect y="16" width="60" height="8" fill="#FECC00"/>
    </svg><div class="name">Швеция</div></div>

    <div class="card"><svg viewBox="0 0 60 40">
      <rect width="60" height="40" fill="#DA291C"/>
      <rect x="25" y="10" width="10" height="20" fill="#FFFFFF"/>
      <rect x="20" y="15" width="20" height="10" fill="#FFFFFF"/>
    </svg><div class="name">Швейцария</div></div>

    <div class="card"><svg viewBox="0 0 60 40">
      <rect width="20" height="40" fill="#002B7F"/>
      <rect x="20" width="20" height="40" fill="#FCD116"/>
      <rect x="40" width="20" height="40" fill="#CE1126"/>
    </svg><div class="name">Румыния</div></div>

    <div class="card"><svg viewBox="0 0 60 40">
      <rect width="20" height="40" fill="#002395"/>
      <rect x="20" width="20" height="40" fill="#FFFFFF"/>
      <rect x="40" width="20" height="40" fill="#ED2939"/>
    </svg><div class="name">Франция</div></div>

    <div class="card"><svg viewBox="0 0 60 40">
      <rect width="60" height="40" fill="#0D5EAF"/>
      <rect y="4.44" width="60" height="4.44" fill="#FFFFFF"/>
      <rect y="13.33" width="60" height="4.44" fill="#FFFFFF"/>
      <rect y="22.22" width="60" height="4.44" fill="#FFFFFF"/>
      <rect y="31.11" width="60" height="4.44" fill="#FFFFFF"/>
      <rect width="22.22" height="22.22" fill="#0D5EAF"/>
      <rect x="8.89" width="4.44" height="22.22" fill="#FFFFFF"/>
      <rect y="8.89" width="22.22" height="4.44" fill="#FFFFFF"/>
    </svg><div class="name">Греция</div></div>

  </div>
</div>
</body>
</html>

Что упрощено (чтобы не было сюрприза): гербы Черногории и Сербии не прорисованы — вместо них красное поле с золотой каймой и щит-прямоугольник; у Кипра силуэт острова схематичный. Флаг Швейцарии по стандарту квадратный, здесь он в общей рамке 3:2.

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

• горизонтальные полосы: Россия (белая-синяя-красная), Болгария (белая-зелёная-красная), Сербия (красная-синяя-белая), Украина (две полосы), Азербайджан (три + полумесяц и звезда);
• вертикальные: Франция и Румыния (синяя-жёлтая-красная, только у Франции средняя белая);
• кресты: Швеция (жёлтый крест сдвинут влево), Швейцария (равносторонний белый крест), Греция (полосы + крест в верхнем углу у древка).

Меняются всего два параметра — направление полос и порядок цветов. Зная это, ты соберёшь флаг любой страны из такого же набора прямоугольников.