{"id":6501,"date":"2015-01-06T03:59:08","date_gmt":"2015-01-06T03:59:08","guid":{"rendered":"https:\/\/dev.railscarma.com\/image-manipulation\/"},"modified":"2025-03-18T03:57:47","modified_gmt":"2025-03-18T03:57:47","slug":"image-manipulation","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e6%8a%80%e8%a1%93%e8%ab%96%e6%96%87\/image-manipulation\/","title":{"rendered":"\u753b\u50cf\u306e\u52a0\u5de5"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"6501\" class=\"elementor elementor-6501\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-11000c7f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"11000c7f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-56f6c4ad\" data-id=\"56f6c4ad\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7e2423ef elementor-widget elementor-widget-text-editor\" data-id=\"7e2423ef\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: justify;\"><span style=\"font-size: medium;\">Image Manipulation is an art of transforming an image in a way you desire it to be exhibited as, rather than what the original image exhibits.<\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"> In applications related to rails manipulation has to be done while uploading the image as per the requisites of the application like back-ground, color and size, which would give a unique look to the applications.<\/span><\/p><p style=\"text-align: justify;\"><span style=\"color: #000000;\"><strong><span style=\"font-size: medium;\">We can achieve this by using ImageMagick.\u00a0<\/span><\/strong><\/span><\/p><ul style=\"text-align: justify;\"><li><span style=\"font-size: medium;\">ImageMagick is a software suite to create, edit, compose, or convert bitmap images.<\/span><\/li><\/ul><ul style=\"text-align: justify;\"><li><span style=\"font-size: medium;\">We can use ImageMagick to re-size, flip, mirror, rotate, distort, shear and transform images, adjust image colors, apply various special effects, or draw text, lines, polygons, ellipses and B\u00e9zier curves.<\/span><\/li><\/ul><p style=\"text-align: justify;\"><span style=\"color: #000000;\"><span style=\"font-size: medium;\"><b>Features of ImageMagick :\u00a0<\/b><\/span><\/span><\/p><ul style=\"text-align: justify;\"><li><span style=\"font-size: medium;\"><b>Format conversion<\/b>: convert an image from one format to another (e.g. PNG to JPEG). <\/span><\/li><li><span style=\"font-size: medium;\"><b>Transform<\/b>: re-size, rotate, crop, flip or trim an image. <\/span><\/li><li><span style=\"font-size: medium;\"><b>\u900f\u660e\u6027<\/b>: render portions of an image invisible. <\/span><\/li><li><span style=\"font-size: medium;\"><b>Draw<\/b>: add shapes or text to an image. <\/span><\/li><li><span style=\"font-family: Times New Roman,serif;\"><span style=\"font-size: medium;\"><b>Decorate<\/b>: add a border or frame to an image. <\/span><\/span><\/li><li><span style=\"font-size: medium;\"><b>Special effects<\/b>: blur, sharpen, threshold, or tint an image. <\/span><\/li><li><span style=\"font-size: medium;\"><b>Animation<\/b>: create a GIF animation sequence from a group of images. <\/span><\/li><li><span style=\"font-size: medium;\"><b>Text &amp; comments<\/b>: insert descriptive or artistic text in an image. <\/span><\/li><li><span style=\"font-size: medium;\"><b>Image identification<\/b>: describe the format and attributes of an image. <\/span><\/li><li><span style=\"font-size: medium;\"><b>Composite<\/b>: overlap one image over another. <\/span><\/li><li><span style=\"font-size: medium;\"><b>Montage<\/b>: juxtapose image thumbnails on an image canvas.<\/span><\/li><\/ul><p style=\"text-align: justify;\"><span style=\"font-size: medium;\">Add gem rmagick for ruby or rmagick4j for jruby in your gem file.<\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\">Using paperclip convert_options we can give options for background-color, border-color, quality, re-size, shadow etc.,<\/span><\/p><p>If you are looking for a\u00a0<a class=\"c-link c-link--underline\" href=\"https:\/\/picsart.com\/background-changer\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-stringify-link=\"https:\/\/picsart.com\/background-changer\/\" data-sk=\"tooltip_parent\">background changer<\/a>, these options allow you to modify the background seamlessly to match your desired style.<\/p><p style=\"text-align: justify;\"><span style=\"color: #000000;\"><span style=\"font-size: medium;\"><b>Image Crop :<\/b><\/span><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\">Is implemented using <i><b>paperclip<\/b><\/i> \u305d\u3057\u3066 <i><b>jcrop<\/b><\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\">We can directly call jcrop using id\/class. Then we can get the new height and width.<\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>$(function() { <\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>$(&#8216;#cropbox&#8217;).Jcrop(); <\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>});<\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"color: #008000;\"><span style=\"font-size: medium;\"><i><b>For default crop size<\/b><\/i><\/span><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>$(function() { <\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>$(&#8216;#cropbox&#8217;).Jcrop({ <\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>onChange: update_crop, <\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>onSelect: update_crop, <\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>setSelect: [0, 0, 500, 500], <\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>aspectRatio: 1 <\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>}); <\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>});<\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"color: #000000;\"><span style=\"font-size: medium;\"><i><b>For Update Crop Size<\/b><\/i><\/span><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>function update_crop(coords) { <\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>$(&#8216;#crop_x&#8217;).val(coords.x); <\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>$(&#8216;#crop_y&#8217;).val(coords.y); <\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>$(&#8216;#crop_w&#8217;).val(coords.w); <\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>$(&#8216;#crop_h&#8217;).val(coords.h); <\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>}<\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><b>\u53c2\u7167\uff1a<\/b><\/span><a href=\"http:\/\/railscasts.com\/episodes\/182-cropping-images?view=asciicast\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-size: medium;\"> http:\/\/railscasts.com\/episodes\/182-cropping-images?view=asciicast<\/span><\/a><\/p><p style=\"text-align: justify;\"><b style=\"font-size: medium; font-style: inherit; color: #000000;\">Image Background:<\/b><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\">In our model we can add convert_option for the image field and we can set the required color as background.<\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\">For example given pink.<\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>:convert_options =&gt; {<\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>:all =&gt; &#8216;-background HotPink -alpha Background&#8217;<\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>}<\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"color: #000000;\"><span style=\"font-size: medium;\"><b>Image Dimension Validation:<\/b><\/span><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\">Using Paperclip::Geometry we can set the image width and height to some value.<\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>def file_dimensions(width = 100, height = 100)<\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>dimensions = Paperclip::Geometry.from_file(photo.queued_for_write[:original].path)<\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>unless dimensions.width &lt; width &amp;&amp; dimensions.height &lt; height<\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>errors.add :photo, &#8220;Width must be #{width}px and height must be #{height}px&#8221;<\/i><\/span><\/p><p><span style=\"font-size: medium;\"><i>\u7d42\u308f\u308a<\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>\u7d42\u308f\u308a<\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><span style=\"font-size: medium;\">\u53c2\u7167\uff1a<a href=\"http:\/\/stackoverflow.com\/questions\/5454561\/rails-paperclip-how-to-check-the-image-dimensions-before-saving\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/stackoverflow.com\/questions\/5454561\/rails-paperclip-how-to-check-the-image-dimensions-before-saving<\/a><\/span><\/span><\/p><p style=\"text-align: justify;\"><b>Image Resolution:<\/b><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\">We can set image resolution using convert_options \u2192 quality option.<\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\">Using this option we only can set resolution.<\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>:convert_options =&gt; {<\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>:all =&gt; &#8216;-quality 75&#8217;<\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><i>}<\/i><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\">Here quality can be set in range of 0-100.<\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\"><b>\u53c2\u7167\uff1a<\/b><\/span><\/p><p style=\"text-align: justify;\"><a href=\"http:\/\/www.imagemagick.org\/script\/command-line-options.php\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-family: Arial,sans-serif;\"><span style=\"font-size: medium;\"><span style=\"font-size: medium;\">http:\/\/www.imagemagick.org\/script\/command-line-options.php<\/span><\/span><\/span><\/a><\/p><p style=\"text-align: justify;\"><a href=\"http:\/\/www.imagemagick.org\/script\/convert.php\"><span style=\"font-size: medium;\">http:\/\/www.imagemagick.org\/script\/convert.php<\/span><\/a><\/p><p style=\"text-align: justify;\"><span style=\"color: #000000;\"><strong><span style=\"font-size: medium;\">\u7d50\u8ad6\u7684\u306a\u30e1\u30e2:<\/span><\/strong><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\">The Image Manipulation is hence helpful in transforming the images as per the requirements of the user and hence making them feel their applications or images are even more attractive. <\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: medium;\">This allows to crop, rotate, re-size the images as per our requirements and has a wide range of applicability in these days.<\/span><\/p><p style=\"text-align: justify;\">\u7d9a\u304d\u3092\u8aad\u3080 \uff1a<\/p><ul><li><a href=\"\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e3%83%ac%e3%83%bc%e3%83%ab3\/%e3%83%ac%e3%82%a4%e3%83%ab%e3%82%baapi%e5%85%a5%e9%96%80\/\" target=\"_blank\" rel=\"noopener noreferrer\">Rails API \u306e\u6982\u8981<\/a><\/li><li><a href=\"\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e6%8a%80%e8%a1%93%e8%ab%96%e6%96%87\/a-simple-way-to-increase-the-performance-of-your-rails-app-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">Rails \u30a2\u30d7\u30ea\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u308b\u7c21\u5358\u306a\u65b9\u6cd5<\/a><\/li><li><a href=\"\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e6%8a%80%e8%a1%93%e8%ab%96%e6%96%87\/real-time-framework\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af<\/a><\/li><li><a href=\"\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e6%8a%80%e8%a1%93%e8%ab%96%e6%96%87\/install-ruby-rails\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ruby on Rails\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u65b9\u6cd5<\/a><\/li><\/ul><p>With ingenious solutions, progressive business values, and proven track record<a href=\"https:\/\/www.railscarma.com\/ja\/contact\/\">,<\/a><strong><a href=\"https:\/\/www.railscarma.com\/ja\/\" target=\"_blank\" rel=\"noopener noreferrer\"> \u30ec\u30fc\u30eb\u30ab\u30fc\u30de<\/a><\/strong> \u958b\u767a\u306e\u3042\u3089\u3086\u308b\u30cb\u30fc\u30ba\u3092\u652f\u63f4\u3059\u308b\u306e\u306b\u6700\u9069\u3067\u3059\u3002\u5f53\u793e\u306e\u958b\u767a\u30d7\u30ed\u30bb\u30b9\u306f\u3001\u54c1\u8cea\u3001\u30c7\u30b6\u30a4\u30f3\u3001\u5353\u8d8a\u6027\u306a\u3069\u3001\u7d30\u90e8\u3078\u306e\u305f\u3086\u307e\u306c\u3053\u3060\u308f\u308a\u306b\u57fa\u3065\u3044\u3066\u78ba\u7acb\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u79c1\u305f\u3061\u306f\u3042\u306a\u305f\u306e\u30a2\u30a4\u30c7\u30a2\u3092\u73fe\u5b9f\u306b\u5909\u3048\u307e\u3059\u3002\u79c1\u305f\u3061\u3092\u901a\u3058\u3066\u79c1\u305f\u3061\u3068\u3064\u306a\u304c\u308a\u307e\u3057\u3087\u3046\u00a0<a href=\"\/ja\/%e3%81%8a%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a> \u30da\u30fc\u30b8\u3002<\/p><div class=\"author-info\"><strong>\u30de\u30ca\u30b5\u30fb\u30d8\u30b2\u30ec <\/strong><\/div><div>\u00a0<\/div><div class=\"author-info\">Ruby on Rails \u30b7\u30cb\u30a2\u958b\u767a\u8005<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-14f16136 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"14f16136\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-75289f15\" data-id=\"75289f15\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4cd2801b elementor-widget elementor-widget-heading\" data-id=\"4cd2801b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u6700\u65b0\u306e\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3092\u8cfc\u8aad\u3059\u308b<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4013b422 elementor-widget elementor-widget-shortcode\" data-id=\"4013b422\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t\t\t\t<script type=\"text\/javascript\">\n\t\t\t\t\t\tvar gCaptchaSibWidget;\n                        var onloadSibCallbackInvisible = function () {\n\n                            var element = document.getElementsByClassName('sib-default-btn');\n                            var countInvisible = 0;\n                            var indexArray = [];\n                            jQuery('.sib-default-btn').each(function (index, el) {\n                                if ((jQuery(el).attr('id') == \"invisible\")) {\n                                    indexArray[countInvisible] = index;\n                                    countInvisible++\n                                }\n                            });\n\n                            jQuery('.invi-recaptcha').each(function (index, el) {\n                                grecaptcha.render(element[indexArray[index]], {\n                                    'sitekey': jQuery(el).attr('data-sitekey'),\n                                    'callback': sibVerifyCallback,\n                                });\n                            });\n                        };\n\t\t\t\t\t<\/script>\n\t\t\t\t\t                <script src=\"https:\/\/www.google.com\/recaptcha\/api.js?onload=onloadSibCallbackInvisible&render=explicit\" async defer><\/script>\n\t\t\t\t\n\t\t\t<form id=\"sib_signup_form_1\" method=\"post\" class=\"sib_signup_form\" action=\"\">\n\t\t\t\t<div class=\"sib_loader\" style=\"display:none;\"><img\n\t\t\t\t\t\t\tsrc=\"https:\/\/www.railscarma.com\/wp-includes\/images\/spinner.gif\" alt=\"\u30ed\u30fc\u30c0\"><\/div>\n\t\t\t\t<input type=\"hidden\" name=\"sib_form_action\" value=\"subscribe_form_submit\">\n\t\t\t\t<input type=\"hidden\" name=\"sib_form_id\" value=\"1\">\n                <input type=\"hidden\" name=\"sib_form_alert_notice\" value=\"Please fill out this field\">\n                <input type=\"hidden\" name=\"sib_form_invalid_email_notice\" value=\"Your email address is invalid\">\n                <input type=\"hidden\" name=\"sib_security\" value=\"c645c7487f\">\n\t\t\t\t<div class=\"sib_signup_box_inside_1\">\n\t\t\t\t\t<div style=\"\/*display:none*\/\" class=\"sib_msg_disp\">\n\t\t\t\t\t<\/div>\n                                            <div id=\"sib_captcha_invisible\" class=\"invi-recaptcha\" data-sitekey=\"6LdikOAaAAAAAJ6SWrrKVQrtw7TQpQAEnv0HS0G3\"><\/div>\n                    \t\t\t\t\t<p class=\"sib-email-area\">\r\n    <label class=\"sib-email-area\"><\/label>\r\n    <input type=\"email\" class=\"sib-email-area\" name=\"email\" required=\"required\" placeholder=\"\u96fb\u5b50\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\">\r\n<\/p>\r\n<p class=\"sib-NAME-area\">\r\n    <label class=\"sib-NAME-area\"><\/label>\r\n    <input type=\"text\" class=\"sib-NAME-area\" name=\"NAME\" placeholder=\"\u540d\u524d\">\r\n<\/p>\r\n<p>\r\n    <input type=\"submit\" id=\"invisible\" class=\"sib-default-btn\" value=\"\u8cfc\u8aad\u3059\u308b\">\r\n<\/p>\t\t\t\t<\/div>\n\t\t\t<input type=\"hidden\" name=\"trp-form-language\" value=\"ja\"\/><\/form>\n\t\t\t<style>\n\t\t\t\tform#sib_signup_form_1 p.sib-alert-message {\n    padding: 6px 12px;\n    margin-bottom: 20px;\n    border: 1px solid transparent;\n    border-radius: 4px;\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\nform#sib_signup_form_1 p.sib-alert-message-error {\n    background-color: #f2dede;\n    border-color: #ebccd1;\n    color: #a94442;\n}\nform#sib_signup_form_1 p.sib-alert-message-success {\n    background-color: #dff0d8;\n    border-color: #d6e9c6;\n    color: #3c763d;\n}\nform#sib_signup_form_1 p.sib-alert-message-warning {\n    background-color: #fcf8e3;\n    border-color: #faebcc;\n    color: #8a6d3b;\n}\n\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t  <div class=\"related-post slider\">\r\n        <div class=\"headline\">\u95a2\u9023\u8a18\u4e8b<\/div>\r\n    <div class=\"post-list owl-carousel\">\r\n\r\n            <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\"\u30ab\u30df\u30ca\u30ea\u30b8\u30a7\u30e0\" href=\"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e6%8a%80%e8%a1%93%e8%ab%96%e6%96%87\/%e3%82%ab%e3%83%9f%e3%83%8a%e3%83%aa%e3%82%b8%e3%82%a7%e3%83%a0\/?related_post_from=37277\">\r\n\r\n      <img decoding=\"async\" width=\"800\" height=\"300\" src=\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2023\/04\/kaminari-gem.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"\u30ab\u30df\u30ca\u30ea\u30b8\u30a7\u30e0\" srcset=\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2023\/04\/kaminari-gem.jpg 800w, https:\/\/www.railscarma.com\/wp-content\/uploads\/2023\/04\/kaminari-gem-300x113.jpg 300w, https:\/\/www.railscarma.com\/wp-content\/uploads\/2023\/04\/kaminari-gem-768x288.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a class=\"title post_title\"  title=\"\u30ab\u30df\u30ca\u30ea\u30b8\u30a7\u30e0\" href=\"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e6%8a%80%e8%a1%93%e8%ab%96%e6%96%87\/%e3%82%ab%e3%83%9f%e3%83%8a%e3%83%aa%e3%82%b8%e3%82%a7%e3%83%a0\/?related_post_from=37277\">\r\n        \u30ab\u30df\u30ca\u30ea\u30b8\u30a7\u30e0  <\/a>\r\n\r\n        <\/div>\r\n              <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\"\u306a\u305c2026\u5e74\u306bRuby on Rails\u958b\u767a\u8005\u3092\u96c7\u3046\u306e\u304b\uff1f\" href=\"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e3%83%ad%e3%83%bc\/why-to-hire-ruby-on-rails-developers\/?related_post_from=30627\">\r\n\r\n      <img decoding=\"async\" width=\"800\" height=\"300\" src=\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2019\/01\/why-to-hire-ruby-on-rails-developers-in-2022.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"2022 \u5e74\u306b Ruby on Rails \u958b\u767a\u8005\u3092\u96c7\u7528\u3059\u308b\u7406\u7531\" srcset=\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2019\/01\/why-to-hire-ruby-on-rails-developers-in-2022.jpg 800w, https:\/\/www.railscarma.com\/wp-content\/uploads\/2019\/01\/why-to-hire-ruby-on-rails-developers-in-2022-300x113.jpg 300w, https:\/\/www.railscarma.com\/wp-content\/uploads\/2019\/01\/why-to-hire-ruby-on-rails-developers-in-2022-768x288.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a class=\"title post_title\"  title=\"\u306a\u305c2026\u5e74\u306bRuby on Rails\u958b\u767a\u8005\u3092\u96c7\u3046\u306e\u304b\uff1f\" href=\"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e3%83%ad%e3%83%bc\/why-to-hire-ruby-on-rails-developers\/?related_post_from=30627\">\r\n        \u306a\u305c2026\u5e74\u306bRuby on Rails\u958b\u767a\u8005\u3092\u96c7\u3046\u306e\u304b\uff1f  <\/a>\r\n\r\n        <\/div>\r\n              <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\"\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba \u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u958b\u767a\u306b\u304a\u3051\u308b\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2 \u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u91cd\u8981\u6027\" href=\"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e3%83%ad%e3%83%bc\/%e3%82%a8%e3%83%b3%e3%82%bf%e3%83%bc%e3%83%97%e3%83%a9%e3%82%a4%e3%82%ba%e3%83%bb%e3%82%bd%e3%83%95%e3%83%88%e3%82%a6%e3%82%a7%e3%82%a2%e9%96%8b%e7%99%ba%e3%81%ab%e3%81%8a%e3%81%91%e3%82%8b%e3%82%bd\/?related_post_from=36250\">\r\n\r\n      <img decoding=\"async\" width=\"800\" height=\"300\" src=\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2022\/06\/Importance-of-Software-Architecture-in-enterprise-software-development.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba \u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u958b\u767a\u306b\u304a\u3051\u308b\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2 \u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u91cd\u8981\u6027\" srcset=\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2022\/06\/Importance-of-Software-Architecture-in-enterprise-software-development.jpg 800w, https:\/\/www.railscarma.com\/wp-content\/uploads\/2022\/06\/Importance-of-Software-Architecture-in-enterprise-software-development-300x113.jpg 300w, https:\/\/www.railscarma.com\/wp-content\/uploads\/2022\/06\/Importance-of-Software-Architecture-in-enterprise-software-development-768x288.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a class=\"title post_title\"  title=\"\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba \u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u958b\u767a\u306b\u304a\u3051\u308b\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2 \u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u91cd\u8981\u6027\" href=\"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e3%83%ad%e3%83%bc\/%e3%82%a8%e3%83%b3%e3%82%bf%e3%83%bc%e3%83%97%e3%83%a9%e3%82%a4%e3%82%ba%e3%83%bb%e3%82%bd%e3%83%95%e3%83%88%e3%82%a6%e3%82%a7%e3%82%a2%e9%96%8b%e7%99%ba%e3%81%ab%e3%81%8a%e3%81%91%e3%82%8b%e3%82%bd\/?related_post_from=36250\">\r\n        \u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba \u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u958b\u767a\u306b\u304a\u3051\u308b\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2 \u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u91cd\u8981\u6027  <\/a>\r\n\r\n        <\/div>\r\n              <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\"Ruby IDE: Ruby on Rails \u958b\u767a\u306b\u6700\u9069\u306a IDE\" href=\"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e3%83%ad%e3%83%bc\/ruby-ide-ruby-on-rails-%e9%96%8b%e7%99%ba%e3%81%ab%e6%9c%80%e9%81%a9%e3%81%aa%e3%82%a2%e3%82%a4%e3%83%87%e3%82%a2\/?related_post_from=36125\">\r\n\r\n      <img decoding=\"async\" width=\"800\" height=\"300\" src=\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2022\/01\/BEST-IDES-FOR-RUBY-ON-RAILS-DEVELOPMENT.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"Ruby on Rails \u958b\u767a\u306b\u6700\u9069\u306a\u30a2\u30a4\u30c7\u30a2\" srcset=\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2022\/01\/BEST-IDES-FOR-RUBY-ON-RAILS-DEVELOPMENT.jpg 800w, https:\/\/www.railscarma.com\/wp-content\/uploads\/2022\/01\/BEST-IDES-FOR-RUBY-ON-RAILS-DEVELOPMENT-300x113.jpg 300w, https:\/\/www.railscarma.com\/wp-content\/uploads\/2022\/01\/BEST-IDES-FOR-RUBY-ON-RAILS-DEVELOPMENT-768x288.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a class=\"title post_title\"  title=\"Ruby IDE: Ruby on Rails \u958b\u767a\u306b\u6700\u9069\u306a IDE\" href=\"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e3%83%ad%e3%83%bc\/ruby-ide-ruby-on-rails-%e9%96%8b%e7%99%ba%e3%81%ab%e6%9c%80%e9%81%a9%e3%81%aa%e3%82%a2%e3%82%a4%e3%83%87%e3%82%a2\/?related_post_from=36125\">\r\n        Ruby IDE: Ruby on Rails \u958b\u767a\u306b\u6700\u9069\u306a IDE  <\/a>\r\n\r\n        <\/div>\r\n      \r\n  <\/div>\r\n\r\n  <script>\r\n      <\/script>\r\n  <style>\r\n    .related-post {}\r\n\r\n    .related-post .post-list {\r\n      text-align: left;\r\n          }\r\n\r\n    .related-post .post-list .item {\r\n      margin: 10px;\r\n      padding: 10px;\r\n          }\r\n\r\n    .related-post .headline {\r\n      font-size: 14px !important;\r\n      color: #999999 !important;\r\n          }\r\n\r\n    .related-post .post-list .item .post_thumb {\r\n      max-height: 220px;\r\n      margin: 10px 0px;\r\n      padding: 0px;\r\n      display: block;\r\n          }\r\n\r\n    .related-post .post-list .item .post_title {\r\n      font-size: 14px;\r\n      color: #000000;\r\n      margin: 10px 0px;\r\n      padding: 0px;\r\n      display: block;\r\n      text-decoration: none;\r\n          }\r\n\r\n    .related-post .post-list .item .post_excerpt {\r\n      font-size: 12px;\r\n      color: #3f3f3f;\r\n      margin: 10px 0px;\r\n      padding: 0px;\r\n      display: block;\r\n      text-decoration: none;\r\n          }\r\n\r\n    .related-post .owl-dots .owl-dot {\r\n          }\r\n\r\n      <\/style>\r\n      <script>\r\n      jQuery(document).ready(function($) {\r\n        $(\".related-post .post-list\").owlCarousel({\r\n          items: 2,\r\n          responsiveClass: true,\r\n          responsive: {\r\n            0: {\r\n              items: 1,\r\n            },\r\n            768: {\r\n              items: 2,\r\n            },\r\n            1200: {\r\n              items: 2,\r\n            }\r\n          },\r\n                      rewind: true,\r\n                                loop: true,\r\n                                center: false,\r\n                                autoplay: true,\r\n            autoplayHoverPause: true,\r\n                                nav: true,\r\n            navSpeed: 1000,\r\n            navText: ['<i class=\"fas fa-chevron-left\"><\/i>', '<i class=\"fas fa-chevron-right\"><\/i>'],\r\n                                dots: false,\r\n            dotsSpeed: 1200,\r\n                                                    rtl: false,\r\n          \r\n        });\r\n      });\r\n    <\/script>\r\n  <\/div>","protected":false},"excerpt":{"rendered":"<p>\u753b\u50cf\u64cd\u4f5c\u306f\u3001\u5143\u306e\u753b\u50cf\u304c\u793a\u3059\u3082\u306e\u3067\u306f\u306a\u304f\u3001\u8868\u793a\u3057\u305f\u3044\u65b9\u6cd5\u3067\u753b\u50cf\u3092\u5909\u63db\u3059\u308b\u6280\u8853\u3067\u3059\u3002 Rails \u306b\u95a2\u9023\u3059\u308b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u306f\u3001\u80cc\u666f\u3001\u8272\u3001\u30b5\u30a4\u30ba\u306a\u3069\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8981\u4ef6\u306b\u5f93\u3063\u3066\u753b\u50cf\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u3068\u304d\u306b\u64cd\u4f5c\u3092\u884c\u3046\u5fc5\u8981\u304c\u3042\u308a\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u72ec\u7279\u306e\u5916\u89b3\u3092\u4e0e\u3048\u308b\u3053\u3068\u306b\u306a\u308a\u307e\u3059\u3002 ImageMagick \u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3053\u308c\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002 ImageMagick \u306f\u3001\u30d3\u30c3\u30c8\u30de\u30c3\u30d7 \u30a4\u30e1\u30fc\u30b8\u3092\u4f5c\u6210\u3001\u7de8\u96c6\u3001\u69cb\u6210\u3001\u307e\u305f\u306f\u5909\u63db\u3059\u308b\u305f\u3081\u306e\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2 \u30b9\u30a4\u30fc\u30c8\u3067\u3059\u3002 ImageMagick \u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u753b\u50cf\u306e\u30b5\u30a4\u30ba\u5909\u66f4\u3001\u53cd\u8ee2\u3001\u30df\u30e9\u30fc\u30ea\u30f3\u30b0\u3001\u56de\u8ee2\u3001\u6b6a\u307f\u3001\u526a\u65ad\u3001\u5909\u63db\u3001\u753b\u50cf\u306e\u8272\u306e\u8abf\u6574\u3001\u3055\u307e\u3056\u307e\u306a\u7279\u6b8a\u52b9\u679c\u306e\u9069\u7528\u3001\u307e\u305f\u306f\u30c6\u30ad\u30b9\u30c8\u3001\u7dda\u3001\u591a\u89d2\u5f62\u3001\u6955\u5186\u3001\u30d9\u30b8\u30a7\u306e\u63cf\u753b\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/ruby-on-rails%e3%81%a7%e3%81%ae%e3%82%b5%e3%83%bc%e3%83%89%e3%83%91%e3%83%bc%e3%83%86%e3%82%a3api%e7%b5%b1%e5%90%88%e3%82%bd%e3%83%aa%e3%83%a5%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3\/\"> <span class=\"screen-reader-text\">Ruby on Rails\u306b\u304a\u3051\u308b\u30b5\u30fc\u30c9\u30d1\u30fc\u30c6\u30a3API\u7d71\u5408\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3<\/span> \u3082\u3063\u3068\u8aad\u3080 \"<\/a><\/p>","protected":false},"author":1,"featured_media":32061,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[384],"tags":[612,613,614],"class_list":["post-6501","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technical-articles","tag-image","tag-image-manipulation","tag-imagemagick"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Image Manipulation - RailsCarma Blog<\/title>\n<meta name=\"description\" content=\"Image Manipulation is an art of transforming an image in a way you desire it to be exhibited as, rather than what the original image exhibits.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.railscarma.com\/ja\/\u30d6\u30ed\u30b0\/\u6280\u8853\u8ad6\u6587\/image-manipulation\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Image Manipulation - RailsCarma Blog\" \/>\n<meta property=\"og:description\" content=\"Image Manipulation is an art of transforming an image in a way you desire it to be exhibited as, rather than what the original image exhibits.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.railscarma.com\/ja\/\u30d6\u30ed\u30b0\/\u6280\u8853\u8ad6\u6587\/image-manipulation\/\" \/>\n<meta property=\"og:site_name\" content=\"RailsCarma - Ruby on Rails Development Company specializing in Offshore Development\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RailsCarma\/\" \/>\n<meta property=\"article:published_time\" content=\"2015-01-06T03:59:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-18T03:57:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2015\/01\/image-manipulation.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@railscarma\" \/>\n<meta name=\"twitter:site\" content=\"@railscarma\" \/>\n<meta name=\"twitter:label1\" content=\"\u57f7\u7b46\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"3\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/www.railscarma.com\/#\/schema\/person\/5f2228a2dec7549056e709de6eb85d21\"},\"headline\":\"Image Manipulation\",\"datePublished\":\"2015-01-06T03:59:08+00:00\",\"dateModified\":\"2025-03-18T03:57:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/\"},\"wordCount\":648,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.railscarma.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2015\/01\/image-manipulation.jpg\",\"keywords\":[\"image\",\"image manipulation\",\"ImageMagick\"],\"articleSection\":[\"Technical Articles\"],\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/\",\"url\":\"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/\",\"name\":\"Image Manipulation - RailsCarma Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.railscarma.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2015\/01\/image-manipulation.jpg\",\"datePublished\":\"2015-01-06T03:59:08+00:00\",\"dateModified\":\"2025-03-18T03:57:47+00:00\",\"description\":\"Image Manipulation is an art of transforming an image in a way you desire it to be exhibited as, rather than what the original image exhibits.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/#primaryimage\",\"url\":\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2015\/01\/image-manipulation.jpg\",\"contentUrl\":\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2015\/01\/image-manipulation.jpg\",\"width\":800,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.railscarma.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Image Manipulation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.railscarma.com\/#website\",\"url\":\"https:\/\/www.railscarma.com\/\",\"name\":\"RailsCarma - Ruby on Rails Development Company specializing in Offshore Development\",\"description\":\"RailsCarma is a Ruby on Rails Development Company in Bangalore. We specialize in Offshore Ruby on Rails Development based out in USA and India. Hire experienced Ruby on Rails developers for the ultimate Web Experience.\",\"publisher\":{\"@id\":\"https:\/\/www.railscarma.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.railscarma.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.railscarma.com\/#organization\",\"name\":\"RailsCarma\",\"url\":\"https:\/\/www.railscarma.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/www.railscarma.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/08\/railscarma_logo.png\",\"contentUrl\":\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/08\/railscarma_logo.png\",\"width\":200,\"height\":46,\"caption\":\"RailsCarma\"},\"image\":{\"@id\":\"https:\/\/www.railscarma.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/RailsCarma\/\",\"https:\/\/x.com\/railscarma\",\"https:\/\/www.linkedin.com\/company\/railscarma\/\",\"https:\/\/myspace.com\/railscarma\",\"https:\/\/in.pinterest.com\/railscarma\/\",\"https:\/\/www.youtube.com\/channel\/UCx3Wil-aAnDARuatTEyMdpg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.railscarma.com\/#\/schema\/person\/5f2228a2dec7549056e709de6eb85d21\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/www.railscarma.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/308867ca6c81f3aba146080c601000087180326f752c4116849ea9f514c6a4fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/308867ca6c81f3aba146080c601000087180326f752c4116849ea9f514c6a4fa?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/www.railscarma.com\/hire-ruby-on-rails-developer\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Image Manipulation - RailsCarma Blog","description":"Image Manipulation is an art of transforming an image in a way you desire it to be exhibited as, rather than what the original image exhibits.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.railscarma.com\/ja\/\u30d6\u30ed\u30b0\/\u6280\u8853\u8ad6\u6587\/image-manipulation\/","og_locale":"ja_JP","og_type":"article","og_title":"Image Manipulation - RailsCarma Blog","og_description":"Image Manipulation is an art of transforming an image in a way you desire it to be exhibited as, rather than what the original image exhibits.","og_url":"https:\/\/www.railscarma.com\/ja\/\u30d6\u30ed\u30b0\/\u6280\u8853\u8ad6\u6587\/image-manipulation\/","og_site_name":"RailsCarma - Ruby on Rails Development Company specializing in Offshore Development","article_publisher":"https:\/\/www.facebook.com\/RailsCarma\/","article_published_time":"2015-01-06T03:59:08+00:00","article_modified_time":"2025-03-18T03:57:47+00:00","og_image":[{"width":800,"height":300,"url":"https:\/\/www.railscarma.com\/wp-content\/uploads\/2015\/01\/image-manipulation.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_creator":"@railscarma","twitter_site":"@railscarma","twitter_misc":{"\u57f7\u7b46\u8005":"admin","\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"3\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/#article","isPartOf":{"@id":"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/"},"author":{"name":"admin","@id":"https:\/\/www.railscarma.com\/#\/schema\/person\/5f2228a2dec7549056e709de6eb85d21"},"headline":"Image Manipulation","datePublished":"2015-01-06T03:59:08+00:00","dateModified":"2025-03-18T03:57:47+00:00","mainEntityOfPage":{"@id":"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/"},"wordCount":648,"commentCount":0,"publisher":{"@id":"https:\/\/www.railscarma.com\/#organization"},"image":{"@id":"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/#primaryimage"},"thumbnailUrl":"https:\/\/www.railscarma.com\/wp-content\/uploads\/2015\/01\/image-manipulation.jpg","keywords":["image","image manipulation","ImageMagick"],"articleSection":["Technical Articles"],"inLanguage":"ja","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/","url":"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/","name":"Image Manipulation - RailsCarma Blog","isPartOf":{"@id":"https:\/\/www.railscarma.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/#primaryimage"},"image":{"@id":"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/#primaryimage"},"thumbnailUrl":"https:\/\/www.railscarma.com\/wp-content\/uploads\/2015\/01\/image-manipulation.jpg","datePublished":"2015-01-06T03:59:08+00:00","dateModified":"2025-03-18T03:57:47+00:00","description":"Image Manipulation is an art of transforming an image in a way you desire it to be exhibited as, rather than what the original image exhibits.","breadcrumb":{"@id":"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/#primaryimage","url":"https:\/\/www.railscarma.com\/wp-content\/uploads\/2015\/01\/image-manipulation.jpg","contentUrl":"https:\/\/www.railscarma.com\/wp-content\/uploads\/2015\/01\/image-manipulation.jpg","width":800,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/www.railscarma.com\/blog\/technical-articles\/image-manipulation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.railscarma.com\/"},{"@type":"ListItem","position":2,"name":"Image Manipulation"}]},{"@type":"WebSite","@id":"https:\/\/www.railscarma.com\/#website","url":"https:\/\/www.railscarma.com\/","name":"RailsCarma - \u30aa\u30d5\u30b7\u30e7\u30a2\u958b\u767a\u306b\u7279\u5316\u3057\u305f Ruby on Rails \u958b\u767a\u4f1a\u793e","description":"RailsCarma \u306f\u30d0\u30f3\u30ac\u30ed\u30fc\u30eb\u306e Ruby on Rails \u958b\u767a\u4f1a\u793e\u3067\u3059\u3002\u5f53\u793e\u306f\u7c73\u56fd\u3068\u30a4\u30f3\u30c9\u3092\u62e0\u70b9\u3068\u3059\u308b\u30aa\u30d5\u30b7\u30e7\u30a2 Ruby on Rails \u958b\u767a\u3092\u5c02\u9580\u3068\u3057\u3066\u3044\u307e\u3059\u3002\u7d4c\u9a13\u8c4a\u5bcc\u306a Ruby on Rails \u958b\u767a\u8005\u3092\u96c7\u3063\u3066\u3001\u7a76\u6975\u306e Web \u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u5b9f\u73fe\u3057\u307e\u3057\u3087\u3046\u3002","publisher":{"@id":"https:\/\/www.railscarma.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.railscarma.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":"Organization","@id":"https:\/\/www.railscarma.com\/#organization","name":"\u30ec\u30fc\u30eb\u30ab\u30fc\u30de","url":"https:\/\/www.railscarma.com\/","logo":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.railscarma.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/08\/railscarma_logo.png","contentUrl":"https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/08\/railscarma_logo.png","width":200,"height":46,"caption":"RailsCarma"},"image":{"@id":"https:\/\/www.railscarma.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/RailsCarma\/","https:\/\/x.com\/railscarma","https:\/\/www.linkedin.com\/company\/railscarma\/","https:\/\/myspace.com\/railscarma","https:\/\/in.pinterest.com\/railscarma\/","https:\/\/www.youtube.com\/channel\/UCx3Wil-aAnDARuatTEyMdpg"]},{"@type":"Person","@id":"https:\/\/www.railscarma.com\/#\/schema\/person\/5f2228a2dec7549056e709de6eb85d21","name":"\u7ba1\u7406\u8005","image":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.railscarma.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/308867ca6c81f3aba146080c601000087180326f752c4116849ea9f514c6a4fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/308867ca6c81f3aba146080c601000087180326f752c4116849ea9f514c6a4fa?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/www.railscarma.com\/hire-ruby-on-rails-developer\/"]}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/posts\/6501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/comments?post=6501"}],"version-history":[{"count":0,"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/posts\/6501\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/media\/32061"}],"wp:attachment":[{"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/media?parent=6501"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/categories?post=6501"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/tags?post=6501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}