{"id":471965,"date":"2025-08-24T15:00:11","date_gmt":"2025-08-24T15:00:11","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=471965"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=471965","title":{"rendered":"\u0418\u043a\u043e\u043d\u043a\u0438 \u043f\u0440\u044f\u043c\u043e \u0432 \u043a\u043e\u0434\u0435: \u043a\u0430\u043a \u043c\u044b \u0438\u0437\u0431\u0430\u0432\u0438\u043b\u0438\u0441\u044c \u043e\u0442 assets, \u043f\u043e\u0440\u0442\u0438\u0440\u0443\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 Linux \u0438 macOS<\/span>"},"content":{"rendered":"
<\/div>\n
\n
\n
\n
\n

<\/h3>\n

\u041f\u0440\u0438\u0432\u0435\u0442, \u0425\u0430\u0431\u0440! \u041c\u044b \u0432 ChameleonLab<\/strong><\/a> \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u0442\u0443\u043b\u043a\u0438\u0442 \u0434\u043b\u044f \u0441\u0442\u0435\u0433\u0430\u043d\u043e\u0433\u0440\u0430\u0444\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u0436\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 Windows \u0438 macOS<\/a>. \u0421\u0435\u0439\u0447\u0430\u0441 \u043c\u044b \u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c \u0435\u0433\u043e \u043d\u0430 Linux, \u0438, \u043a\u0430\u043a \u044d\u0442\u043e \u0447\u0430\u0441\u0442\u043e \u0431\u044b\u0432\u0430\u0435\u0442, \u0438\u043c\u0435\u043d\u043d\u043e \u043d\u0430 \u044d\u0442\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0441 \u0440\u0435\u0441\u0443\u0440\u0441\u0430\u043c\u0438 (\u0438\u043a\u043e\u043d\u043a\u0430\u043c\u0438, \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430\u043c\u0438) \u043f\u0440\u043e\u044f\u0432\u0438\u043b\u0438 \u0441\u0435\u0431\u044f \u0432\u043e \u0432\u0441\u0435\u0439 \u043a\u0440\u0430\u0441\u0435.<\/p>\n

\u041f\u043e\u0441\u043b\u0435 \u0440\u0435\u043b\u0438\u0437\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u0443\u0432\u0438\u0434\u0435\u043b\u0438 \u043d\u0430\u0448\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0438 \u0441\u0442\u0430\u043b\u0438 \u0441\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0442\u044c, \u043a\u0430\u043a \u043e\u043d\u043e \u0443\u0441\u0442\u0440\u043e\u0435\u043d\u043e \u0438 \u043f\u043e\u0447\u0435\u043c\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0435 \u0442\u0430\u0449\u0438\u0442 \u0437\u0430 \u0441\u043e\u0431\u043e\u0439 \u043f\u0430\u043f\u043a\u0443 \u0441 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430\u043c\u0438. \u0420\u0430\u0437 \u0443\u0436 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0443 \u044d\u0442\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e, \u043c\u044b \u0440\u0435\u0448\u0438\u043b\u0438 \u0434\u0430\u0442\u044c \u0440\u0430\u0437\u0432\u0451\u0440\u043d\u0443\u0442\u044b\u0439 \u043e\u0442\u0432\u0435\u0442. \u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0435\u043c, \u043a\u0430\u043a \u0432\u0441\u0442\u0440\u043e\u0438\u043b\u0438 \u0432\u0441\u0435 \u0438\u043a\u043e\u043d\u043a\u0438 \u043f\u0440\u044f\u043c\u043e \u0432 \u043a\u043e\u0434 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e SVG, \u0438 \u043a\u0430\u043a \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0435 \u0438\u0442\u0435\u0440\u0430\u0446\u0438\u0438 \u0438 \u043f\u043e\u0438\u0441\u043a\u0438 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043f\u0440\u0438\u0432\u0435\u043b\u0438 \u043d\u0430\u0441 \u043a \u0444\u0438\u043d\u0430\u043b\u044c\u043d\u043e\u043c\u0443 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0443.<\/p>\n

\"\u041f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430<\/p>\n
\u041f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430 «ChameleonLab»<\/figcaption><\/div>\n<\/figure>\n

\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430: \u00ab\u0422\u0430\u0441\u043a\u0430\u0442\u044c \u0437\u0430 \u0441\u043e\u0431\u043e\u0439 \u043f\u0430\u043f\u043a\u0443 \u0441 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430\u043c\u0438\u00bb<\/h2>\n

\u041a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a:<\/p>\n

    \n
  1. \n

    \u0421\u043e\u0437\u0434\u0430\u0451\u0442\u0441\u044f \u043f\u0430\u043f\u043a\u0430 assets\/<\/code>.<\/p>\n<\/li>\n

  2. \n

    \u0412 \u043d\u0435\u0451 \u0441\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0434\u0435\u0441\u044f\u0442\u043a\u0438 \u0444\u0430\u0439\u043b\u043e\u0432: icon.png<\/code>, logo.ico<\/code>, close.svg<\/code>.<\/p>\n<\/li>\n

  3. \n

    \u0412 \u043a\u043e\u0434\u0435 \u043f\u0438\u0448\u0435\u0442\u0441\u044f \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f resource_path<\/code>, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u044b\u0442\u0430\u0435\u0442\u0441\u044f \u043d\u0430\u0439\u0442\u0438 \u044d\u0442\u0443 \u043f\u0430\u043f\u043a\u0443, \u043d\u0435\u0432\u0430\u0436\u043d\u043e, \u0437\u0430\u043f\u0443\u0449\u0435\u043d\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0438\u0437 \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u043e\u0432 \u0438\u043b\u0438 \u0438\u0437 \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u043e\u0433\u043e .exe<\/code> \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e PyInstaller.<\/p>\n<\/li>\n

  4. \n

    \u041d\u0430\u0447\u0438\u043d\u0430\u044e\u0442\u0441\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b: \u043d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0435 \u043f\u0443\u0442\u0438 (\u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u043c\u0435\u0436\u0434\u0443 Windows, macOS \u0438 Linux), \u0437\u0430\u0431\u044b\u0442\u044b\u0435 \u043f\u0440\u0438 \u0441\u0431\u043e\u0440\u043a\u0435 \u0444\u0430\u0439\u043b\u044b, \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043b\u0435\u0433\u043a\u043e \u043f\u043e\u043c\u0435\u043d\u044f\u0442\u044c \u0446\u0432\u0435\u0442 \u0438\u043a\u043e\u043d\u043e\u043a \u043f\u043e\u0434 \u0442\u0435\u043c\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n<\/li>\n<\/ol>\n

    \u0410 \u0433\u043b\u0430\u0432\u043d\u0430\u044f \u0431\u0435\u0434\u0430 \u2014 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435<\/strong>. \u0420\u0430\u0441\u0442\u0440\u043e\u0432\u044b\u0435 \u0438\u043a\u043e\u043d\u043a\u0438 (.png<\/code>, .ico<\/code>) \u0443\u0436\u0430\u0441\u043d\u043e \u0441\u043c\u043e\u0442\u0440\u044f\u0442\u0441\u044f \u043d\u0430 HiDPI (Retina) \u0434\u0438\u0441\u043f\u043b\u0435\u044f\u0445. SVG \u0440\u0435\u0448\u0430\u0435\u0442 \u044d\u0442\u0443 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443, \u043d\u043e \u0442\u0430\u0441\u043a\u0430\u0442\u044c \u0437\u0430 \u0441\u043e\u0431\u043e\u0439 \u043a\u0443\u0447\u0443 \u043c\u0435\u043b\u043a\u0438\u0445 .svg<\/code> \u0444\u0430\u0439\u043b\u043e\u0432 \u0432\u0441\u0451 \u0440\u0430\u0432\u043d\u043e \u043d\u0435\u0443\u0434\u043e\u0431\u043d\u043e.<\/p>\n

    \u0420\u0435\u0448\u0435\u043d\u0438\u0435: SVG \u0441\u043f\u0435\u0448\u0438\u0442 \u043d\u0430 \u043f\u043e\u043c\u043e\u0449\u044c<\/h2>\n

    SVG \u2014 \u044d\u0442\u043e, \u043f\u043e \u0441\u0443\u0442\u0438, XML-\u043a\u043e\u0434, \u0442\u043e \u0435\u0441\u0442\u044c \u0442\u0435\u043a\u0441\u0442. \u0410 \u0440\u0430\u0437 \u044d\u0442\u043e \u0442\u0435\u043a\u0441\u0442, \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043f\u0440\u044f\u043c\u043e \u0432 Python-\u043a\u043e\u0434\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 \u0441\u043b\u043e\u0432\u0430\u0440\u0435.<\/p>\n

    \u0418\u0434\u0435\u044f \u043f\u0440\u043e\u0441\u0442\u0430:<\/strong><\/p>\n

      \n
    1. \n

      \u0421\u043e\u0437\u0434\u0430\u0451\u043c \u043c\u043e\u0434\u0443\u043b\u044c icons.py<\/code><\/a>.<\/p>\n<\/li>\n

    2. \n

      \u0412 \u043d\u0451\u043c \u2014 \u0441\u043b\u043e\u0432\u0430\u0440\u044c, \u0433\u0434\u0435 \u043a\u043b\u044e\u0447 \u2014 \u0438\u043c\u044f \u0438\u043a\u043e\u043d\u043a\u0438, \u0430 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u2014 \u0441\u0442\u0440\u043e\u043a\u0430 \u0441 SVG-\u0440\u0430\u0437\u043c\u0435\u0442\u043a\u043e\u0439.<\/p>\n<\/li>\n

    3. \n

      \u041f\u0438\u0448\u0435\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0430 \u043b\u0435\u0442\u0443 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442 \u044d\u0442\u0443 \u0441\u0442\u0440\u043e\u043a\u0443 \u0432 QIcon<\/code>.<\/p>\n<\/li>\n<\/ol>\n

      \u041d\u0430\u0448\u0430 \u043f\u0435\u0440\u0432\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a:<\/p>\n

      # icons.py (\u041f\u0435\u0440\u0432\u0430\u044f, \u043d\u0430\u0438\u0432\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f) from PyQt6 import QtGui, QtCore from PyQt6.QtSvg import QSvgRenderer  # \u0421\u043b\u043e\u0432\u0430\u0440\u044c \u0441 \u0438\u043a\u043e\u043d\u043a\u0430\u043c\u0438 _SVG_ICONS = {     \"embed\": \"\"\"<svg>...<\/svg>\"\"\",     \"reveal\": \"\"\"<svg>...<\/svg>\"\"\",     # ... \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435 }  def svg_icon(name: str, size: int = 24) -> QtGui.QIcon:     \"\"\"\u0421\u043e\u0437\u0434\u0430\u0451\u0442 QIcon \u0438\u0437 SVG-\u0441\u0442\u0440\u043e\u043a\u0438.\"\"\"     svg_str = _SVG_ICONS.get(name, \"\")     data = QtCore.QByteArray(svg_str.encode(\"utf-8\"))          # \u0421\u043e\u0437\u0434\u0430\u0451\u043c QPixmap \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0430     pixmap = QtGui.QPixmap(size, size)     pixmap.fill(QtCore.Qt.GlobalColor.transparent)          # \u0420\u0435\u043d\u0434\u0435\u0440\u0438\u043c SVG \u043d\u0430 pixmap     renderer = QSvgRenderer(data)     painter = QtGui.QPainter(pixmap)     renderer.render(painter)     painter.end()          return QtGui.QIcon(pixmap) <\/code><\/pre>\n
      \u041a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u0431\u044b, \u043f\u043e\u0431\u0435\u0434\u0430! \u041d\u043e \u043f\u0435\u0440\u0432\u043e\u0435 \u0436\u0435 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u0445 \u0432\u044b\u044f\u0432\u0438\u043b\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b.<\/p>\n
      \u0418\u0442\u0435\u0440\u0430\u0446\u0438\u044f \u21161: \u0412 \u043f\u043e\u0433\u043e\u043d\u0435 \u0437\u0430 \u0440\u0435\u0437\u043a\u043e\u0441\u0442\u044c\u044e<\/h2>\n
      \u041d\u0430 HiDPI-\u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0430\u0445 \u043d\u0430\u0448\u0438 \u0438\u043a\u043e\u043d\u043a\u0438 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b\u0438 \u0440\u0430\u0437\u043c\u044b\u0442\u044b\u043c\u0438. \u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0431\u044b\u043b\u0430 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u0430.<\/p>\n
      \u0412 \u0447\u0451\u043c \u0434\u0435\u043b\u043e?<\/strong> \u041d\u0430\u0448 \u043a\u043e\u0434 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u043b QPixmap<\/code> \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u043c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, 24×24 \u043f\u0438\u043a\u0441\u0435\u043b\u044f. \u041d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u0441 \u043a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442\u043e\u043c \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f 200% (DPI ratio = 2.0) \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043f\u044b\u0442\u0430\u043b\u0430\u0441\u044c \u0440\u0430\u0441\u0442\u044f\u043d\u0443\u0442\u044c \u044d\u0442\u0443 24-\u043f\u0438\u043a\u0441\u0435\u043b\u044c\u043d\u0443\u044e \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443 \u043d\u0430 \u043e\u0431\u043b\u0430\u0441\u0442\u044c 48×48 \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439. \u041e\u0442\u0441\u044e\u0434\u0430 \u0438 \u0440\u0430\u0437\u043c\u044b\u0442\u0438\u0435.<\/p>\n
      \u0420\u0435\u0448\u0435\u043d\u0438\u0435 \u2014 <\/strong>devicePixelRatio<\/strong><\/code>.<\/strong> \u041d\u0443\u0436\u043d\u043e \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c \u0438\u043a\u043e\u043d\u043a\u0443 \u0441\u0440\u0430\u0437\u0443 \u0432 \u0432\u044b\u0441\u043e\u043a\u043e\u043c \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u0438.<\/p>\n
      \u041c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u0443\u0435\u043c \u043d\u0430\u0448\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e:<\/p>\n
      # icons.py (\u0412\u0442\u043e\u0440\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f, \u0441 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439 HiDPI)  def _svg_to_icon(svg_str: str, size: int = 24) -> QtGui.QIcon:     # ...     renderer = QSvgRenderer(QtCore.QByteArray(svg_str.encode(\"utf-8\")))          # 1. \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u044d\u043a\u0440\u0430\u043d\u0430     app = QtCore.QCoreApplication.instance()     dpr = app.primaryScreen().devicePixelRatio() if app else 1.0          # 2. \u0421\u043e\u0437\u0434\u0430\u0451\u043c QPixmap \u0432 \u043d\u0443\u0436\u043d\u043e\u043c \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u043e\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u0435 (e.g., 24 * 2.0 = 48px)     pixmap_size = int(size * dpr)     pixmap = QtGui.QPixmap(pixmap_size, pixmap_size)          # 3. \u0423\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c, \u0447\u0442\u043e \u044d\u0442\u043e\u0442 pixmap \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d \u0434\u043b\u044f HiDPI     pixmap.setDevicePixelRatio(dpr)     pixmap.fill(QtCore.Qt.GlobalColor.transparent)          # \u0420\u0435\u043d\u0434\u0435\u0440\u0438\u043c     painter = QtGui.QPainter(pixmap)     renderer.render(painter)     painter.end()          return QtGui.QIcon(pixmap) <\/code><\/pre>\n
      \u0418\u043a\u043e\u043d\u043a\u0438 \u0441\u0442\u0430\u043b\u0438 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u0447\u0435\u0442\u043a\u0438\u043c\u0438. \u041d\u043e \u0440\u0430\u0434\u043e\u0441\u0442\u044c \u0431\u044b\u043b\u0430 \u043d\u0435\u0434\u043e\u043b\u0433\u043e\u0439.<\/p>\n
      \u0418\u0442\u0435\u0440\u0430\u0446\u0438\u044f \u21162: \u0412 \u043f\u043e\u0438\u0441\u043a\u0430\u0445 \u044d\u0441\u0442\u0435\u0442\u0438\u043a\u0438 (\u0438 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0444\u043b\u0430\u0433\u0430)<\/h2>\n
      \u0422\u0435\u043f\u0435\u0440\u044c, \u043a\u043e\u0433\u0434\u0430 \u0438\u043a\u043e\u043d\u043a\u0438 \u0431\u044b\u043b\u0438 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u044b, \u043c\u044b \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u043b\u0438\u0441\u044c \u0441 \u043d\u043e\u0432\u043e\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043e\u0439 \u2014 \u044d\u0441\u0442\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439. \u0412\u0437\u0433\u043b\u044f\u043d\u0443\u0432 \u043d\u0430 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0441\u0432\u0435\u0436\u0438\u043c \u0432\u0437\u0433\u043b\u044f\u0434\u043e\u043c, \u043c\u044b \u043f\u043e\u043d\u044f\u043b\u0438: \u0447\u0442\u043e-\u0442\u043e \u043d\u0435 \u0442\u0430\u043a.<\/p>\n
      \u041d\u0430\u0448\u0438 \u044f\u0440\u043a\u0438\u0435, \u0437\u0430\u043b\u0438\u0442\u044b\u0435 \u0446\u0432\u0435\u0442\u043e\u043c \u0438\u043a\u043e\u043d\u043a\u0438, \u0445\u043e\u0442\u044c \u0438 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0435 \u0441\u0430\u043c\u0438 \u043f\u043e \u0441\u0435\u0431\u0435, \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b\u0438 \u0447\u0443\u0436\u0435\u0440\u043e\u0434\u043d\u043e \u043d\u0430 \u0444\u043e\u043d\u0435 \u0441\u0442\u0440\u043e\u0433\u043e\u0433\u043e, \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u043e\u0433\u043e UI, \u043a \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u043c\u044b \u0441\u0442\u0440\u0435\u043c\u0438\u043b\u0438\u0441\u044c. \u041e\u043d\u0438 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u00ab\u0448\u0443\u043c\u0435\u043b\u0438\u00bb \u0438 \u043e\u0442\u0432\u043b\u0435\u043a\u0430\u043b\u0438 \u043e\u0442 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0430. \u0421\u0442\u0430\u043b\u043e \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e, \u0447\u0442\u043e \u043d\u0443\u0436\u0435\u043d \u0431\u044b\u043b \u043f\u043e\u043b\u043d\u044b\u0439 \u0440\u0435\u0434\u0438\u0437\u0430\u0439\u043d \u0432 \u0441\u0442\u043e\u0440\u043e\u043d\u0443 \u0431\u043e\u043b\u0435\u0435 \u0441\u0434\u0435\u0440\u0436\u0430\u043d\u043d\u043e\u0433\u043e, \u043a\u043e\u043d\u0442\u0443\u0440\u043d\u043e\u0433\u043e \u0441\u0442\u0438\u043b\u044f.<\/p>\n
      \u042d\u0442\u0430 \u0438\u0442\u0435\u0440\u0430\u0446\u0438\u044f \u0437\u0430\u043f\u043e\u043c\u043d\u0438\u043b\u0430\u0441\u044c \u043d\u0430\u043c \u0438 \u044d\u043f\u043e\u043f\u0435\u0435\u0439 \u0441 \u0431\u0440\u0438\u0442\u0430\u043d\u0441\u043a\u0438\u043c \u0444\u043b\u0430\u0433\u043e\u043c. \u041c\u044b \u043f\u0435\u0440\u0435\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u043b\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432 SVG, \u0438 \u0432 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043c\u043e\u043c\u0435\u043d\u0442, \u0438\u0437-\u0437\u0430 \u043e\u0448\u0438\u0431\u043a\u0438 \u0432 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435, \u043e\u043d \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u0435\u0432\u0440\u0430\u0442\u0438\u043b\u0441\u044f \u0432 \u00ab\u043f\u0440\u043e\u0441\u0442\u043e \u0441\u0438\u043d\u0438\u0439 \u043a\u0432\u0430\u0434\u0440\u0430\u0442\u00bb \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0435. \u042d\u0442\u043e\u0442 \u0437\u0430\u0431\u0430\u0432\u043d\u044b\u0439 \u0431\u0430\u0433 \u0437\u0430\u0441\u0442\u0430\u0432\u0438\u043b \u043d\u0430\u0441 \u0432\u0434\u0432\u043e\u0439\u043d\u0435 \u0432\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u0435\u0435 \u043e\u0442\u043d\u0435\u0441\u0442\u0438\u0441\u044c \u043a \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443 \u0432 \u043a\u043e\u0434\u0435.<\/p>\n
      \u0412 \u0438\u0442\u043e\u0433\u0435 \u043c\u044b \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u0430\u043b\u0438 \u0441\u0435\u0442 \u0438\u043a\u043e\u043d\u043e\u043a.<\/p>\n
      # \u0421\u0442\u0430\u0440\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \"embed\": \"\"\"<svg xmlns=\"http:\/\/www.w.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path fill=\"#10b981\" d=\"...\"\/><\/svg>\"\"\", <\/code><\/pre>\n
      # \u041d\u043e\u0432\u044b\u0439, \u0441\u0442\u0440\u043e\u0433\u0438\u0439 \u0441\u0442\u0438\u043b\u044c \"embed\": \"\"\"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"#4B5563\"><path d=\"...\"\/><\/svg>\"\"\", <\/code><\/pre>\n
      \u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0439 \u0438\u0442\u0435\u0440\u0430\u0446\u0438\u0438 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430\u043a\u043e\u043d\u0435\u0446 \u0441\u0442\u0430\u043b \u0446\u0435\u043b\u044c\u043d\u044b\u043c.<\/p>\n
      \u0418\u0442\u043e\u0433: \u0424\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u0434 \u0438 \u0432\u044b\u0432\u043e\u0434\u044b<\/h2>\n
      \u041f\u043e\u0441\u043b\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0446\u0438\u043a\u043b\u043e\u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0433\u043e \u0440\u0435\u0432\u044c\u044e \u0443 \u043d\u0430\u0441 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0441\u044f \u0444\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c icons.py<\/code><\/a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0435\u0448\u0430\u043b \u0432\u0441\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438.<\/p>\n
      # icons.py import base64 from PyQt6 import QtGui, QtCore  try:     from PyQt6.QtSvg import QSvgRenderer     _HAS_QTSVG = True except ImportError:     _HAS_QTSVG = False  # \u0421\u043b\u043e\u0432\u0430\u0440\u044c \u0441\u043e \u0432\u0441\u0435\u043c\u0438 SVG \u0438\u043a\u043e\u043d\u043a\u0430\u043c\u0438 _SVG_ICONS = {     # --- \u0418\u043a\u043e\u043d\u043a\u0438 \u0434\u043b\u044f \u0431\u043e\u043a\u043e\u0432\u043e\u0433\u043e \u043c\u0435\u043d\u044e (\u0441\u0442\u0440\u043e\u0433\u0438\u0439 \u0441\u0442\u0438\u043b\u044c) ---     \"embed\": \"\"\"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"#4B5563\">...<\/svg>\"\"\",     \"reveal\": \"\"\"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"#4B5563\">...<\/svg>\"\"\",     # ... \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0438\u043a\u043e\u043d\u043a\u0438      # --- \u0424\u043b\u0430\u0433\u0438 ---     \"flag_ru\": \"\"\"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 9 6\">...<\/svg>\"\"\",     \"flag_en\": \"\"\"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 600\"><path fill=\"#012169\" d=\"M0 0h1200v600H0z\"\/><path fill=\"#fff\" d=\"M0 0l600 300M600 0l-600 300M0 600l600-300M600 600l-600-300M350 0v600m500-600v600m-600-250h500m-500 500h500\"\/><path fill=\"#c8102e\" d=\"M0 0l600 300M600 0l-600 300M0 600l600-300M600 600l-600-300M175 0v600m850-600v600m-825-150h825m-825 300h825\"\/><\/svg>\"\"\",      # --- \u0418\u043a\u043e\u043d\u043a\u0438 \u0434\u043b\u044f \u043b\u043e\u0433\u043e\u0432 ---     \"success\": \"\"\"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke=\"#22c55e\">...<\/svg>\"\"\",     # ... }  def _svg_to_icon(svg_str: str, size: int = 24) -> QtGui.QIcon:     \"\"\"\u0412\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f QIcon \u0438\u0437 SVG \u0441\u0442\u0440\u043e\u043a\u0438 \u0441 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439 HiDPI.\"\"\"     if not _HAS_QTSVG:         # Fallback...         return QtGui.QIcon()      data = QtCore.QByteArray(svg_str.encode(\"utf-8\"))     renderer = QSvgRenderer(data)          app = QtCore.QCoreApplication.instance()     dpr = app.primaryScreen().devicePixelRatio() if app and app.primaryScreen() else 1.0      viewBox = renderer.viewBoxF()     aspect_ratio = viewBox.height() \/ viewBox.width() if viewBox.width() > 0 else 1.0          pixmap_size_w = int(size * dpr)     pixmap_size_h = int(pixmap_size_w * aspect_ratio)          pm = QtGui.QPixmap(pixmap_size_w, pixmap_size_h)     pm.setDevicePixelRatio(dpr)     pm.fill(QtCore.Qt.GlobalColor.transparent)          painter = QtGui.QPainter(pm)     painter.setRenderHint(QtGui.QPainter.RenderHint.Antialiasing, True)     renderer.render(painter)     painter.end()          return QtGui.QIcon(pm)  def svg_icon(name: str, size: int = 24) -> QtGui.QIcon:     \"\"\"\u041f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 QIcon \u043f\u043e \u0438\u043c\u0435\u043d\u0438 \u0438\u0437 \u0441\u043b\u043e\u0432\u0430\u0440\u044f.\"\"\"     svg = _SVG_ICONS.get(name, \"\")     return _svg_to_icon(svg, size)  <\/code><\/pre>\n
      \u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/h2>\n
      \u0412\u043e\u0442 \u0442\u0430\u043a, \u043f\u043e\u0440\u0442\u0438\u0440\u0443\u044f \u043d\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 Linux \u0438 \u043e\u0442\u043b\u0430\u0436\u0438\u0432\u0430\u044f \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044e\u044e \u044d\u0441\u0442\u0435\u0442\u0438\u043a\u0443, \u043c\u044b \u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u043b\u0438 \u044d\u0442\u0443 \u0441\u0442\u0430\u0442\u044c\u044e. \u041d\u0430\u0434\u0435\u0435\u043c\u0441\u044f, \u043d\u0430\u0448 \u043e\u043f\u044b\u0442 \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043b\u0435\u0437\u0435\u043d \u0438 \u0432\u0430\u043c.<\/p>\n
      \u0413\u043b\u0430\u0432\u043d\u044b\u0435 \u0432\u044b\u0432\u043e\u0434\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u0441\u0434\u0435\u043b\u0430\u043b\u0438:<\/p>\n
        \n
      1. \n
        SVG \u0432 \u043a\u043e\u0434\u0435 \u2014 \u044d\u0442\u043e \u0443\u0434\u043e\u0431\u043d\u043e.<\/strong> \u0412\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u043e\u0434\u0438\u043d-\u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0435\u043c\u044b\u0439 \u0444\u0430\u0439\u043b \u0431\u0435\u0437 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439, \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u0435 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043c\u0435\u043d\u044f\u0442\u044c \u0438\u043a\u043e\u043d\u043a\u0438 \u043d\u0430 \u043b\u0435\u0442\u0443.<\/p>\n<\/li>\n
      2. \n
        \u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u0441\u0442\u0432\u043e \u2014 \u044d\u0442\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0430 \u0434\u0435\u043b\u0430.<\/strong> \u041d\u0435 \u043c\u0435\u043d\u0435\u0435 \u0432\u0430\u0436\u043d\u043e, \u043a\u0430\u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u043e\u0449\u0443\u0449\u0430\u044e\u0442\u0441\u044f \u0438 \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u0432\u043c\u0435\u0441\u0442\u0435. \u0418\u043d\u043e\u0433\u0434\u0430 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u0435\u0440\u0435\u0434\u0435\u043b\u044b\u0432\u0430\u0442\u044c \u043e\u0442\u043b\u0438\u0447\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0438\u0439 \u043a\u043e\u0434 \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u043e\u043d \u00ab\u043d\u0435 \u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0441\u044f\u00bb.<\/p>\n<\/li>\n
      3. \n
        \u0412\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0435 \u0440\u0435\u0432\u044c\u044e \u0438 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u043f\u0430\u0441\u0430\u044e\u0442 \u043e\u0442 \u043c\u043d\u043e\u0433\u0438\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c.<\/strong> \u0418\u043d\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c\u0441\u044f \u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0441\u0432\u0435\u0436\u0438\u043c \u0432\u0437\u0433\u043b\u044f\u0434\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c \u0442\u043e, \u0447\u0442\u043e \u0443\u043f\u0443\u0441\u0442\u0438\u043b \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438.<\/p>\n<\/li>\n<\/ol>\n