{"id":12421,"date":"2025-11-20T11:03:31","date_gmt":"2025-11-20T02:03:31","guid":{"rendered":"https:\/\/rakkoserver.com\/plus\/?p=11751"},"modified":"2025-11-20T11:03:31","modified_gmt":"2025-11-20T02:03:31","slug":"tool-mosaic-blur-online","status":"publish","type":"post","link":"https:\/\/rakkokeyword.com\/techo\/tool-mosaic-blur-online\/","title":{"rendered":"\u30e2\u30b6\u30a4\u30af\u52a0\u5de5\u30c4\u30fc\u30eb"},"content":{"rendered":"\n<!-- \u30e2\u30b6\u30a4\u30af\u30fb\u307c\u304b\u3057\u52a0\u5de5\u30c4\u30fc\u30eb -->\n<div id=\"mosaicTool\" style=\"max-width: 100%; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\">\n  <!-- \u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u30a8\u30ea\u30a2 -->\n  <div id=\"uploadArea\" style=\"border: 2px dashed #ccc; padding: 40px; text-align: center; background: #f9f9f9; cursor: pointer; margin-bottom: 20px; transition: background 0.2s;\">\n    <input type=\"file\" id=\"imageInput\" accept=\"image\/jpeg,image\/png\" style=\"display: none;\">\n    <p style=\"margin: 0; font-size: 16px; color: #666;\">\u753b\u50cf\u3092\u30c9\u30e9\u30c3\u30b0&amp;\u30c9\u30ed\u30c3\u30d7\u3001\u307e\u305f\u306f\u30af\u30ea\u30c3\u30af\u3057\u3066\u9078\u629e<\/p>\n    <p style=\"margin: 8px 0 0 0; font-size: 14px; color: #999;\">\u5bfe\u5fdc\u5f62\u5f0f: JPEG, PNG\uff08\u6700\u592720MB\uff09<\/p>\n  <\/div>\n\n  <!-- \u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8 -->\n  <div id=\"errorMessage\" style=\"display: none; padding: 12px; background: #fee; border: 1px solid #fcc; color: #c00; margin-bottom: 20px; font-size: 14px; border-radius: 4px;\"><\/div>\n\n  <!-- \u30ed\u30fc\u30c7\u30a3\u30f3\u30b0 -->\n  <div id=\"loadingOverlay\" style=\"display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 9999; align-items: center; justify-content: center;\">\n    <div style=\"background: white; padding: 30px; border-radius: 8px; text-align: center;\">\n      <p style=\"margin: 0; font-size: 16px; color: #333;\">\u51e6\u7406\u4e2d\u2026<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- \u7de8\u96c6\u30a8\u30ea\u30a2 -->\n  <div id=\"editArea\" style=\"display: none;\">\n    <!-- \u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u30d1\u30cd\u30eb -->\n    <div style=\"background: #f5f5f5; padding: 20px; margin-bottom: 20px; border-radius: 4px;\">\n      <p style=\"margin: 0 0 15px 0; font-size: 18px; font-weight: bold; color: #333;\">\u52a0\u5de5\u8a2d\u5b9a<\/p>\n      \n      <!-- \u9078\u629e\u30e2\u30fc\u30c9 -->\n      <div style=\"margin-bottom: 20px;\">\n        <label style=\"display: block; margin-bottom: 8px; font-size: 14px; font-weight: bold; color: #333;\">\u9078\u629e\u30e2\u30fc\u30c9<\/label>\n        <div style=\"display: flex; gap: 10px; flex-wrap: wrap;\">\n          <button id=\"modeRect\" class=\"mode-btn active\" data-mode=\"rectangle\" style=\"padding: 10px 20px; background: #13284B; color: white; border: 2px solid #13284B; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: bold;\">\u25a0 \u56db\u89d2<\/button>\n          <button id=\"modeCircle\" class=\"mode-btn\" data-mode=\"circle\" style=\"padding: 10px 20px; background: white; color: #333; border: 2px solid #ddd; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: bold;\">\u25cf \u4e38<\/button>\n          <button id=\"modeBrush\" class=\"mode-btn\" data-mode=\"brush\" style=\"padding: 10px 20px; background: white; color: #333; border: 2px solid #ddd; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: bold;\">\ud83d\udd8c \u30d6\u30e9\u30b7<\/button>\n        <\/div>\n      <\/div>\n\n      <div style=\"margin-bottom: 20px;\">\n        <label for=\"effectType\" style=\"display: block; margin-bottom: 8px; font-size: 14px; font-weight: bold; color: #333;\">\u52a0\u5de5\u30bf\u30a4\u30d7<\/label>\n        <select id=\"effectType\" style=\"width: 100%; max-width: 300px; padding: 8px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; cursor: pointer;\">\n          <option value=\"mosaic\">\u30e2\u30b6\u30a4\u30af<\/option>\n          <option value=\"blur\">\u307c\u304b\u3057<\/option>\n        <\/select>\n      <\/div>\n\n      <div style=\"margin-bottom: 20px;\">\n        <div style=\"display: flex; gap: 20px; flex-wrap: wrap;\">\n          <div id=\"mosaicControl\" style=\"flex: 1; min-width: 250px; visibility: visible;\">\n            <label for=\"mosaicSlider\" style=\"display: block; margin-bottom: 8px; font-size: 14px; font-weight: bold; color: #333;\">\u30e2\u30b6\u30a4\u30af\u5f37\u5ea6: <span id=\"mosaicValue\">10<\/span>px<\/label>\n            <input type=\"range\" id=\"mosaicSlider\" min=\"5\" max=\"50\" value=\"10\" step=\"1\" style=\"width: 100%; cursor: pointer;\">\n          <\/div>\n\n          <div id=\"blurControl\" style=\"flex: 1; min-width: 250px; visibility: hidden;\">\n            <label for=\"blurSlider\" style=\"display: block; margin-bottom: 8px; font-size: 14px; font-weight: bold; color: #333;\">\u307c\u304b\u3057\u5f37\u5ea6: <span id=\"blurValue\">8<\/span>px<\/label>\n            <input type=\"range\" id=\"blurSlider\" min=\"2\" max=\"20\" value=\"8\" step=\"1\" style=\"width: 100%; cursor: pointer;\">\n          <\/div>\n\n          <div id=\"brushControl\" style=\"flex: 1; min-width: 250px; visibility: hidden;\">\n            <label for=\"brushSlider\" style=\"display: block; margin-bottom: 8px; font-size: 14px; font-weight: bold; color: #333;\">\u30d6\u30e9\u30b7\u30b5\u30a4\u30ba: <span id=\"brushValue\">30<\/span>px<\/label>\n            <input type=\"range\" id=\"brushSlider\" min=\"10\" max=\"100\" value=\"30\" step=\"5\" style=\"width: 100%; cursor: pointer;\">\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div style=\"margin-bottom: 15px; padding: 12px; background: #e8f4f8; border-left: 4px solid #0288d1; border-radius: 4px;\">\n        <p style=\"margin: 0 0 4px 0; font-size: 14px; font-weight: bold; color: #333;\">\u64cd\u4f5c\u8aac\u660e<\/p>\n        <p id=\"modeDescription\" style=\"margin: 0; font-size: 13px; color: #555; line-height: 1.5;\">\u753b\u50cf\u4e0a\u3067\u30c9\u30e9\u30c3\u30b0\u3057\u3066\u77e9\u5f62\u306e\u52a0\u5de5\u9818\u57df\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n      <\/div>\n\n      <div style=\"display: flex; gap: 10px; flex-wrap: wrap; align-items: center;\">\n        <button id=\"undoBtn\" style=\"padding: 10px 20px; background: #13284B; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: bold;\" disabled>\u2190 \u623b\u308b<\/button>\n        <button id=\"redoBtn\" style=\"padding: 10px 20px; background: #13284B; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: bold;\" disabled>\u9032\u3080 \u2192<\/button>\n        <button id=\"resetBtn\" style=\"padding: 10px 20px; background: #13284B; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: bold;\">\u5168\u3066\u30ea\u30bb\u30c3\u30c8<\/button>\n        <button id=\"compareBtn\" style=\"padding: 10px 20px; background: #13284B; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: bold;\">\u539f\u753b\u50cf\u3068\u6bd4\u8f03<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- \u30ad\u30e3\u30f3\u30d0\u30b9\u30a8\u30ea\u30a2 -->\n    <div style=\"margin-bottom: 20px; text-align: center;\">\n      <p style=\"margin: 0 0 10px 0; font-size: 18px; font-weight: bold; color: #333;\">\u30d7\u30ec\u30d3\u30e5\u30fc<\/p>\n      <div id=\"canvasContainer\" style=\"display: inline-block; position: relative; border: 1px solid #ddd; background: #fff; border-radius: 4px; overflow: hidden;\">\n        <canvas id=\"canvas\" style=\"display: block; cursor: crosshair; touch-action: none;\"><\/canvas>\n      <\/div>\n    <\/div>\n\n    <!-- \u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30a8\u30ea\u30a2 -->\n    <div style=\"background: #f5f5f5; padding: 20px; text-align: center; border-radius: 4px;\">\n      <p style=\"margin: 0 0 15px 0; font-size: 18px; font-weight: bold; color: #333;\">\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/p>\n      \n      <div style=\"margin-bottom: 15px;\">\n        <label for=\"downloadFormat\" style=\"display: inline-block; margin-right: 10px; font-size: 14px; font-weight: bold; color: #333;\">\u5f62\u5f0f:<\/label>\n        <select id=\"downloadFormat\" style=\"padding: 8px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; cursor: pointer;\">\n          <option value=\"image\/png\">PNG<\/option>\n          <option value=\"image\/jpeg\">JPEG<\/option>\n        <\/select>\n      <\/div>\n\n      <button id=\"downloadBtn\" style=\"padding: 15px 40px; background: #13284B; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; font-weight: bold;\">\u753b\u50cf\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n\n<\/script>\n\n<style>\n#mosaicTool button:hover:not(:disabled) {\n  opacity: 0.85;\n  transition: opacity 0.2s;\n}\n\n#mosaicTool button:active:not(:disabled) {\n  opacity: 0.7;\n}\n\n#mosaicTool input[type=\"range\"] {\n  cursor: pointer;\n  -webkit-appearance: none;\n  appearance: none;\n  height: 6px;\n  background: #ddd;\n  border-radius: 3px;\n  outline: none;\n}\n\n#mosaicTool input[type=\"range\"]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 18px;\n  height: 18px;\n  background: #13284B;\n  cursor: pointer;\n  border-radius: 50%;\n}\n\n#mosaicTool input[type=\"range\"]::-moz-range-thumb {\n  width: 18px;\n  height: 18px;\n  background: #13284B;\n  cursor: pointer;\n  border-radius: 50%;\n  border: none;\n}\n\n#mosaicTool select {\n  cursor: pointer;\n}\n\n#mosaicTool select:focus,\n#mosaicTool input[type=\"range\"]:focus {\n  outline: 2px solid #13284B;\n  outline-offset: 2px;\n}\n\n@media (max-width: 600px) {\n  #mosaicTool {\n    font-size: 14px;\n  }\n  \n  #uploadArea {\n    padding: 30px 20px;\n  }\n  \n  #mosaicTool button {\n    padding: 12px 20px;\n    font-size: 14px;\n  }\n  \n  #mosaicTool .mode-btn {\n    flex: 1;\n    min-width: 100px;\n  }\n}\n<\/style>\n\n\n\n<p>\u3053\u306e\u300c\u30e2\u30b6\u30a4\u30af\u30fb\u307c\u304b\u3057\u52a0\u5de5\u30c4\u30fc\u30eb\u300d\u306f\u3001\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u305f\u753b\u50cf\uff08JPEG\/PNG\uff09\u306e\u7279\u5b9a\u306e\u90e8\u5206\u306b\u3001<strong>\u30e2\u30b6\u30a4\u30af<\/strong>\u307e\u305f\u306f\u307c\u304b\u3057\uff08Blur\uff09\u52a0\u5de5\u3092\u65bd\u3057\u3001\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3067\u304d\u308b\u5b8c\u5168\u7121\u6599\u306eWEB\u30c4\u30fc\u30eb\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u5f8c\u3001\u76f4\u611f\u7684\u306a\u64cd\u4f5c\u3067\u4fdd\u8b77\u3057\u305f\u3044\u9818\u57df\u3092\u9078\u629e\u3057\u3001\u30b9\u30e9\u30a4\u30c0\u30fc\u3067\u52a0\u5de5\u306e\u5f37\u5ea6\u3092\u8abf\u6574\u3059\u308b\u3060\u3051\u3067\u3001\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u4fdd\u8b77\u3084\u753b\u50cf\u7de8\u96c6\u304c\u5b8c\u4e86\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-0\">\u30c4\u30fc\u30eb\u306e\u4e3b\u306a\u6a5f\u80fd<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u753b\u50cf\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9:<\/strong> JPEG\u3001PNG\u5f62\u5f0f\u306b\u5bfe\u5fdc\u3057\u305f\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30e2\u30b6\u30a4\u30af\/\u307c\u304b\u3057\u52a0\u5de5:<\/strong> \u300c\u30e2\u30b6\u30a4\u30af\uff08\u30d4\u30af\u30bb\u30eb\u5316\uff09\u300d\u3068\u300c\u307c\u304b\u3057\uff08\u30ac\u30a6\u30b9\u307c\u304b\u3057\uff09\u300d\u306e2\u7a2e\u985e\u306e\u52a0\u5de5\u3092\u9078\u629e\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u9818\u57df\u9078\u629e\u306e\u67d4\u8edf\u6027:<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>\u77e9\u5f62\uff08\u56db\u89d2\uff09:<\/strong> \u5b9a\u756a\u306e\u56db\u89d2\u5f62\u3067\u3001\u5e83\u7bc4\u56f2\u3084\u60c5\u5831\u306e\u584a\u3092\u96a0\u3059\u306e\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u5186\u5f62\uff08\u4e38\uff09:<\/strong> \u9854\u3084\u30a2\u30a4\u30b3\u30f3\u306a\u3069\u3001\u4e38\u3044\u88ab\u5199\u4f53\u3092\u81ea\u7136\u306b\u96a0\u3059\u306e\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30d6\u30e9\u30b7\uff08\u81ea\u7531\u63cf\u753b\uff09:<\/strong> \u30de\u30a6\u30b9\u3067\u306a\u305e\u3063\u305f\u90e8\u5206\u3060\u3051\u3092\u7d30\u304b\u304f\u96a0\u3059\u3053\u3068\u304c\u3067\u304d\u3001\u8907\u96d1\u306a\u5f62\u72b6\u3084\u5fae\u8abf\u6574\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u5f37\u5ea6\u8abf\u6574:<\/strong> \u52a0\u5de5\u9818\u57df\u3092\u9078\u629e\u5f8c\u3001\u30b9\u30e9\u30a4\u30c0\u30fc\u3092\u64cd\u4f5c\u3059\u308b\u3053\u3068\u3067\u30e2\u30b6\u30a4\u30af\u306e\u7c92\u5ea6\u3084\u307c\u304b\u3057\u306e\u534a\u5f84\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u8abf\u6574\u30fb\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9:<\/strong> \u52a0\u5de5\u5f8c\u306e\u753b\u50cf\u3092\u5143\u306e\u5f62\u5f0f\uff08JPEG\/PNG\uff09\u3067\u3001\u3059\u3050\u306b\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-1\">\u3053\u306e\u30c4\u30fc\u30eb\u304c\u5f79\u7acb\u3064\u3068\u304d\u306f\u3069\u3093\u306a\u3068\u304d\uff1f\u3000\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u306f\uff1f<\/h2>\n\n\n\n<p>\u3053\u306e\u30c4\u30fc\u30eb\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u69d8\u3005\u306a\u30b7\u30fc\u30f3\u3067\u3001\u3042\u306a\u305f\u306e\u753b\u50cf\u52a0\u5de5\u306e\u60a9\u307f\u3092\u89e3\u6c7a\u3057\u307e\u3059\u3002<\/p>\n\n\n<div id=\"id-2ac0586c-18c7-4734-a793-22f289c9193a\">\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9<\/strong><\/td><td><strong>\u89e3\u6c7a\u3067\u304d\u308b\u60a9\u307f<\/strong><\/td><td><strong>\u63a8\u5968\u52a0\u5de5\u30bf\u30a4\u30d7<\/strong><\/td><\/tr><\/thead><tbody><tr><td><strong>SNS\u3078\u306e\u753b\u50cf\u6295\u7a3f<\/strong><\/td><td>\u5199\u771f\u306b\u5199\u308a\u8fbc\u3093\u3060\u4ed6\u4eba\u306e\u9854\u3001\u500b\u4eba\u3092\u7279\u5b9a\u3067\u304d\u308b\u60c5\u5831\uff08\u8868\u672d\u3001\u30ca\u30f3\u30d0\u30fc\u30d7\u30ec\u30fc\u30c8\uff09\u3092\u96a0\u3057\u305f\u3044\u3002<\/td><td>\u30e2\u30b6\u30a4\u30af\uff08\u5f37\uff09\u3001\u5186\u5f62\u30fb\u30d6\u30e9\u30b7\u3067\u306e\u30d4\u30f3\u30dd\u30a4\u30f3\u30c8\u52a0\u5de5<\/td><\/tr><tr><td><strong>\u30d6\u30ed\u30b0\u30fbWeb\u30b5\u30a4\u30c8\u306e\u4f5c\u6210<\/strong><\/td><td>\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u306b\u542b\u307e\u308c\u308b\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3084URL\u306a\u3069\u3001\u516c\u958b\u3057\u3066\u306f\u3044\u3051\u306a\u3044\u60c5\u5831\u3092\u6d88\u3057\u305f\u3044\u3002<\/td><td>\u30e2\u30b6\u30a4\u30af\uff08\u4e2d\uff09\u3001\u77e9\u5f62\u3067\u306e\u9818\u57df\u6307\u5b9a<\/td><\/tr><tr><td><strong>\u30d5\u30ea\u30de\u30a2\u30d7\u30ea\u3067\u306e\u5546\u54c1\u64ae\u5f71<\/strong><\/td><td>\u5546\u54c1\u306e\u80cc\u666f\u306b\u5199\u308a\u8fbc\u3093\u3060\u79c1\u7269\u3092\u307c\u304b\u3057\u3066\u3001\u5546\u54c1\u3060\u3051\u3092\u5f37\u8abf\u3057\u305f\u3044\u3002<\/td><td>\u307c\u304b\u3057\uff08\u4e2d\uff5e\u5f37\uff09\u3001\u30d6\u30e9\u30b7\u30fb\u81ea\u52d5\u80cc\u666f\u307c\u304b\u3057\u6a5f\u80fd\uff08\u3042\u308c\u3070\uff09<\/td><\/tr><tr><td><strong>\u5199\u771f\u306e\u96f0\u56f2\u6c17\u4f5c\u308a<\/strong><\/td><td>\u5199\u771f\u5168\u4f53\u3092\u8efd\u304f\u307c\u304b\u3057\u305f\u308a\u3001\u610f\u56f3\u7684\u306b\u30d4\u30af\u30bb\u30eb\u5316\u3057\u3066\u30a2\u30fc\u30c6\u30a3\u30b9\u30c6\u30a3\u30c3\u30af\u306a\u8868\u73fe\u306b\u3057\u305f\u3044\u3002<\/td><td>\u307c\u304b\u3057\uff08\u5f31\uff09\u3001\u753b\u50cf\u5168\u4f53\u306b\u52a0\u5de5<\/td><\/tr><tr><td><strong>\u6a5f\u5bc6\u60c5\u5831\u30fb\u500b\u4eba\u60c5\u5831\u3092\u542b\u3080\u8cc7\u6599\u4f5c\u6210<\/strong><\/td><td>\u9867\u5ba2\u30c7\u30fc\u30bf\u3084\u6a5f\u5bc6\u60c5\u5831\u3092\u542b\u3080\u8cc7\u6599\u306e\u753b\u9762\u3092\u3001\u60c5\u5831\u6f0f\u6d29\u3092\u9632\u304e\u306a\u304c\u3089\u793e\u5185\u5171\u6709\u3057\u305f\u3044\u3002<\/td><td>\u30e2\u30b6\u30a4\u30af\uff08\u5f37\uff09\u3001\u77e9\u5f62\u3067\u306e\u78ba\u5b9f\u306a\u60c5\u5831\u96a0\u853d<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"i-2\">\u3053\u306e\u30c4\u30fc\u30eb\u3067\u53d6\u5f97\u3059\u308b\u60c5\u5831\u306e\u57fa\u790e\u77e5\u8b58<\/h2>\n\n\n\n<p>\u3053\u306e\u30c4\u30fc\u30eb\u3092\u5229\u7528\u3059\u308b\u4e0a\u3067\u77e5\u3063\u3066\u304a\u304d\u305f\u3044\u300c\u30e2\u30b6\u30a4\u30af\u300d\u3068\u300c\u307c\u304b\u3057\u300d\u306e\u57fa\u790e\u77e5\u8b58\u306b\u3064\u3044\u3066\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-3\">\u30e2\u30b6\u30a4\u30af\uff08Mosaic \/ Pixelation\uff09<\/h3>\n\n\n\n<p>\u30e2\u30b6\u30a4\u30af\u52a0\u5de5\u306f\u3001\u753b\u50cf\u3092\u5c0f\u3055\u306a\u56db\u89d2\u3044\u30c9\u30c3\u30c8\uff08\u30d4\u30af\u30bb\u30eb\uff09\u306e\u96c6\u307e\u308a\u306b\u5909\u63db\u3057\u3001\u5143\u306e\u753b\u50cf\u60c5\u5831\u3092\u5224\u5225\u4e0d\u80fd\u306b\u3059\u308b\u51e6\u7406\u3067\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u7279\u5fb4:<\/strong> \u5f37\u3044\u56db\u89d2\u5f62\u306e\u30a8\u30c3\u30b8\u3067\u753b\u50cf\u3092\u5b8c\u5168\u306b\u8986\u3044\u96a0\u3059\u305f\u3081\u3001<strong>\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u4fdd\u8b77\u3084\u60c5\u5831\u96a0\u853d\u306b\u304a\u3044\u3066\u6700\u3082\u78ba\u5b9f\u6027\u306e\u9ad8\u3044<\/strong>\u65b9\u6cd5\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u5f37\u5ea6\u306e\u8abf\u6574:<\/strong> \u30b9\u30e9\u30a4\u30c0\u30fc\u3067\u7c92\u5ea6\uff08\u30e2\u30b6\u30a4\u30af\u306e\u30d4\u30af\u30bb\u30eb\u306e\u5927\u304d\u3055\uff09\u3092\u8abf\u6574\u3057\u307e\u3059\u3002\u7c92\u5ea6\u304c\u5927\u304d\u3044\u307b\u3069\u3001\u5143\u306e\u60c5\u5831\u306f\u5224\u8aad\u4e0d\u80fd\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-4\">\u307c\u304b\u3057\uff08Blur \/ Gaussian Blur\uff09<\/h3>\n\n\n\n<p>\u307c\u304b\u3057\u52a0\u5de5\u306f\u3001\u753b\u50cf\u306e\u753b\u7d20\u306e\u8272\u3092\u5468\u56f2\u306e\u753b\u7d20\u3068\u5e73\u5747\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u753b\u50cf\u306b\u300c\u306b\u3058\u307f\u300d\u3084\u300c\u304b\u3059\u307f\u300d\u306e\u3088\u3046\u306a\u52b9\u679c\u3092\u4e0e\u3048\u308b\u51e6\u7406\u3067\u3059\u3002\u4e00\u822c\u7684\u306b\u300c\u30ac\u30a6\u30b9\u307c\u304b\u3057\uff08Gaussian Blur\uff09\u300d\u3068\u3044\u3046\u6280\u8853\u304c\u7528\u3044\u3089\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u7279\u5fb4:<\/strong> \u8f2a\u90ed\u3092\u66d6\u6627\u306b\u3057\u3001\u81ea\u7136\u306a\u5f62\u3067\u60c5\u5831\u3092\u5206\u304b\u308a\u306b\u304f\u304f\u3057\u307e\u3059\u3002\u5199\u771f\u306e\u80cc\u666f\u3092\u307c\u304b\u3057\u3066\u88ab\u5199\u4f53\u3092\u969b\u7acb\u305f\u305b\u308b\u300c<strong>\u80cc\u666f\u307c\u304b\u3057<\/strong>\u300d\u306a\u3069\u3001\u8868\u73fe\u76ee\u7684\u3067\u306e\u4f7f\u7528\u306b\u3082\u9069\u3057\u3066\u3044\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u5f37\u5ea6\u306e\u8abf\u6574:<\/strong> \u30b9\u30e9\u30a4\u30c0\u30fc\u3067\u307c\u304b\u3057\u306e\u534a\u5f84\uff08\u3069\u308c\u3060\u3051\u5e83\u7bc4\u56f2\u306e\u753b\u7d20\u3092\u5e73\u5747\u5316\u3059\u308b\u304b\uff09\u3092\u8abf\u6574\u3057\u307e\u3059\u3002\u534a\u5f84\u304c\u5927\u304d\u3044\u307b\u3069\u3001\u307c\u304b\u3057\u304c\u5f37\u304f\u306a\u308a\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-5\">\u307c\u304b\u3057\u52a0\u5de5\u3068\u30e2\u30b6\u30a4\u30af\u52a0\u5de5\u306e\u4f7f\u3044\u5206\u3051<\/h3>\n\n\n<div id=\"id-9ed5a3e8-2855-49ed-a410-05dbe543322a\">\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>\u52a0\u5de5\u30bf\u30a4\u30d7<\/strong><\/td><td><strong>\u5411\u3044\u3066\u3044\u308b\u7528\u9014<\/strong><\/td><td><strong>\u8abf\u6574\u306e\u30dd\u30a4\u30f3\u30c8<\/strong><\/td><\/tr><\/thead><tbody><tr><td><strong>\u30e2\u30b6\u30a4\u30af<\/strong><\/td><td><strong>\u78ba\u5b9f\u306b\u60c5\u5831\u3092\u96a0\u3057\u305f\u3044<\/strong>\u5834\u5408\uff08\u500b\u4eba\u60c5\u5831\u3001\u6a5f\u5bc6\u4e8b\u9805\u306a\u3069\uff09\u3002<\/td><td>\u7c92\u5ea6\u3092\u4e0a\u3052\u3066\u3001\u6587\u5b57\u3084\u9854\u306e\u5224\u8aad\u304c\u3067\u304d\u306a\u3044\u3053\u3068\u3092\u78ba\u8a8d\u3059\u308b\u3002<\/td><\/tr><tr><td><strong>\u307c\u304b\u3057<\/strong><\/td><td><strong>\u8868\u73fe\u306e\u8abf\u6574<\/strong>\u3084\u3001\u307c\u304b\u3057\u3064\u3064\u3082\u96f0\u56f2\u6c17\u3092\u6b8b\u3057\u305f\u3044\u5834\u5408\uff08\u80cc\u666f\u307c\u304b\u3057\u3001\u8efd\u3044\u60c5\u5831\u96a0\u853d\uff09\u3002<\/td><td>\u610f\u56f3\u3057\u305f\u52b9\u679c\u304c\u5f97\u3089\u308c\u308b\u307e\u3067\u3001\u534a\u5f84\u3092\u7d30\u304b\u304f\u8abf\u6574\u3059\u308b\u3002<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u753b\u50cf\u3092\u30c9\u30e9\u30c3\u30b0&amp;\u30c9\u30ed\u30c3\u30d7\u3001\u307e\u305f\u306f\u30af\u30ea\u30c3\u30af\u3057\u3066\u9078\u629e \u5bfe\u5fdc\u5f62\u5f0f: JPEG, PNG\uff08\u6700\u592720MB\uff09 \u51e6\u7406\u4e2d\u2026 \u52a0\u5de5\u8a2d\u5b9a \u9078\u629e\u30e2\u30fc\u30c9 \u25a0 \u56db\u89d2 \u25cf \u4e38 \ud83d\udd8c \u30d6\u30e9\u30b7 \u52a0\u5de5\u30bf\u30a4\u30d7 \u30e2\u30b6\u30a4\u30af\u307c\u304b\u3057 \u30e2\u30b6\u30a4\u30af\u5f37\u5ea6: 10px &#8230; <\/p>\n","protected":false},"author":4,"featured_media":13514,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,59,60],"tags":[],"class_list":{"0":"post-12421","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tool","8":"category-web-design","9":"category-design","10":"entry"},"_links":{"self":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts\/12421","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/comments?post=12421"}],"version-history":[{"count":0,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts\/12421\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/media\/13514"}],"wp:attachment":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/media?parent=12421"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/categories?post=12421"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/tags?post=12421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}